body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}.landing-page{background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100vh}#beranda,#tentang{scroll-margin-top:80px}.landing-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo-section{align-items:center;cursor:pointer;display:flex;gap:1rem}.logo-details{display:flex;flex-direction:column}.logo-icon{color:#d94c89;font-size:2rem}.logo-text{color:#d94c89;font-size:1.3rem;font-weight:600;margin:0}.logo-subtitle{color:#999;font-size:.7rem;letter-spacing:.05em;margin:0}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{color:#333;cursor:pointer;font-size:.95rem;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#d94c89;font-weight:600}.btn-masuk{background-color:#d94c89;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem;transition:background-color .3s ease}.btn-masuk:hover{background-color:#c23d78}.hero-section{background:linear-gradient(135deg,#f5f5f5,#fff);flex:1 1;padding:4rem 2rem}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-subtitle{background-color:#fce4ec;border-radius:20px;color:#d94c89;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0;padding:.5rem 1.2rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.hero-title{color:#333;font-size:2.8rem;font-weight:700;line-height:1.2;margin:0}.hero-description{color:#666;font-size:1rem;line-height:1.6;margin:0;max-width:90%}.btn-daftar{background-color:#b05479;border:none;border-radius:8px;box-shadow:0 4px 15px #b054794d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:-webkit-fit-content;max-width:fit-content;padding:.9rem 2.2rem;transition:all .3s ease}.btn-daftar:hover{background-color:#9c486a;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.hero-image-wrapper{border-radius:24px;box-shadow:0 20px 40px #00000014;max-width:450px;overflow:visible;position:relative;width:100%}.bidan-photo{border-radius:24px;display:block;height:auto;width:100%}.hero-image-card{background:#fff;border-radius:16px;bottom:30px;box-shadow:0 10px 40px #0000001a;gap:15px;left:-40px;min-width:200px;padding:15px 25px;position:absolute;z-index:10}.card-logo,.hero-image-card{align-items:center;display:flex}.card-logo{background:#fce4ec;border-radius:50%;flex-shrink:0;height:50px;justify-content:center;width:50px}.card-logo img{height:28px;object-fit:contain;width:28px}.card-text{display:flex;flex-direction:column;gap:2px}.card-label{color:#999;font-size:.75rem;font-weight:500}.card-name{color:#d94c89;font-size:1.1rem;font-weight:700}.modul-section{background-color:#fff;padding:5rem 2rem}.modul-container{margin:0 auto;max-width:1200px}.modul-title{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-align:center}.modul-subtitle{color:#666;font-size:.95rem;margin:0 auto 3rem;max-width:600px;text-align:center}.modules-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.module-card{background-color:#f9f9f9;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.module-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.module-icon{align-items:center;background-color:#d94c89;border-radius:12px;color:#fff;display:inline-block;display:flex;font-size:2.5rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.module-title{color:#333;font-size:1.2rem;font-weight:600;margin:1rem 0}.module-description{color:#666;font-size:.9rem;line-height:1.5;margin:0}.clinic-info-section{background-color:#fff;padding:4rem 2rem}.clinic-container{background:linear-gradient(135deg,#d94c89,#d06d9e);border-radius:20px;color:#fff;margin:0 auto;max-width:1200px;padding:3rem 2rem}.clinic-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 3rem;text-align:center}.clinic-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.clinic-info-card{align-items:center;background-color:#fff3;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:2.5rem 1.5rem;text-align:center}.clinic-info-card:hover{background-color:#ffffff40}.info-label{color:#ffffffe6;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin:0 0 .8rem;text-transform:uppercase}.info-content{color:#fff;font-size:1.1rem;font-weight:500;line-height:1.5;margin:0}.landing-footer{background-color:#333;color:#fff;font-size:.9rem;padding:2rem;text-align:center}.landing-footer p{margin:.5rem 0}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem}.logo-section{margin-bottom:1rem}.hero-container{gap:2rem;grid-template-columns:1fr}.hero-title{font-size:1.8rem}.modul-title{font-size:1.5rem}.clinic-info-grid,.modules-grid{grid-template-columns:1fr}.nav-menu{flex-direction:column;gap:1rem;width:100%}.image-placeholder{max-width:300px}}@media (max-width:480px){.logo-text{font-size:1rem}.hero-title{font-size:1.5rem}.hero-description{font-size:.9rem}.modules-grid{gap:1rem}.module-card{padding:1.5rem}.module-icon{height:50px;width:50px}}.about-section{background-color:#fdf5f9;padding:5rem 2rem}.misi-icon-wrapper,.visi-icon-wrapper{background-color:#e91e63}.service-icon{color:#d81b60}.schedule-section{background:linear-gradient(135deg,#d85c8e,#e07aa3);border-radius:20px;margin-bottom:4rem}.schedule-title{color:#fff;font-size:1.8rem}.schedule-grid{grid-gap:1.5rem;gap:1.5rem}.schedule-card{border-radius:12px;box-shadow:0 4px 6px #0000000d;min-height:160px;padding:2rem 1.5rem}.schedule-card h3{color:#d85c8e;margin-bottom:.8rem}.schedule-card .days{color:#c04d7a;margin-bottom:.4rem}.schedule-card p{font-weight:500}.schedule-card .xx-large{font-size:1.1rem}.schedule-card .note{color:#777}.about-page-content{background-color:#fdf5f9;min-height:calc(100vh - 180px);padding:5rem 2rem}.about-container{margin:0 auto;max-width:1200px}.about-header{margin-bottom:4rem;text-align:center}.about-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.about-subtitle{color:#666;line-height:1.6;margin:0 auto;max-width:700px}.visi-misi-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:5rem}.misi-card,.visi-card{align-items:flex-start;background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;padding:3rem 2rem}.misi-icon-wrapper,.visi-icon-wrapper{align-items:center;background-color:#d94c89;border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.misi-icon,.visi-icon{color:#fff;font-size:1.8rem}.card-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-description{color:#666;font-size:1rem;line-height:1.6}.services-section{background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #00000008;margin-bottom:5rem;padding:3rem}.services-title{color:#333;font-size:1.8rem;margin-bottom:3rem;text-align:center}.services-grid{grid-gap:3rem 4rem;display:grid;gap:3rem 4rem;grid-template-columns:repeat(2,1fr)}.service-item{align-items:flex-start;display:flex;gap:1.5rem}.service-icon-bg{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.pink-light{background-color:#fce4ec}.service-icon{color:#d94c89;font-size:1.5rem}.service-content h4{color:#333;font-size:1.1rem;margin:0 0 .5rem}.service-content p{color:#888;font-size:.9rem;margin:0}.schedule-section{background:#d94c89;border-radius:24px;color:#fff;padding:4rem 3rem}.schedule-title{font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.schedule-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.schedule-card{align-items:center;background-color:#fff;border-radius:16px;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:2rem;text-align:center}.schedule-card h3{color:#d94c89;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.schedule-card .days{color:#d94c89;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.schedule-card p{color:#555;font-size:.9rem;margin:.2rem 0}.schedule-card .xx-large{color:#333;font-size:1.2rem;font-weight:600}.schedule-card .note{color:#888;font-size:.8rem;font-style:italic;margin-top:.5rem}@media (max-width:992px){.services-grid{gap:2rem;grid-template-columns:1fr}.schedule-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.schedule-grid,.visi-misi-grid{grid-template-columns:1fr}.services-section{padding:2rem}.schedule-section{padding:2rem 1.5rem}}.auth-page{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.auth-container{max-width:650px;width:100%}.form-title{color:#888;font-size:22px;font-weight:400;margin-bottom:25px;padding-left:10px;text-align:left}.form-card{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:25px;box-shadow:0 10px 40px #00000026;padding:60px 80px}.logo-container{margin-bottom:50px}.logo,.logo-container{display:flex;justify-content:center}.logo{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 20px #0000001a;height:120px;overflow:hidden;width:120px}.auth-logo-img{height:100%;object-fit:cover;width:100%}.form-group{margin-bottom:25px}.form-group,.password-group{position:relative}.eye-icon{cursor:pointer;font-size:18px;opacity:.6;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.form-group input{background:#fffffff2;border:none;border-radius:30px;font-size:15px;outline:none;padding:16px 24px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#999}.form-group input:focus{background:#fff;box-shadow:0 0 0 3px #fff6}.form-footer{align-items:center;justify-content:space-between}.form-footer,.form-footer-center{display:flex;font-size:14px;margin-bottom:30px}.form-footer-center{justify-content:center}.checkbox-container{align-items:center;color:#fff;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{accent-color:#c94c8b;cursor:pointer;height:18px;width:18px}.forgot-password{color:#fff;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn-submit{background:#c94c8b;border:none;border-radius:30px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:16px;transition:all .3s ease;width:100%}.btn-submit:hover{background:#b8417a;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}.link-text{color:#fff;font-size:14px;text-align:center}.link-text a{color:#fff;font-weight:600;text-decoration:underline}.link-text a:hover{text-decoration:none}@media (max-width:768px){.form-card{padding:40px 30px}.form-title{font-size:20px}.logo{height:80px;width:80px}}@media (max-width:480px){.auth-page{padding:20px 15px}.form-card{padding:35px 25px}}.eye-icon.eye-slash:after{background:#000;content:"";height:2px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:100%;z-index:10}.auth-back-button{background:#c94c8b;border:none;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 25px;position:absolute;right:60px;top:40px;transition:all .3s ease}.auth-back-button:hover{background:#b8417a;box-shadow:0 6px 15px #00000040;transform:translateY(-2px)}@media (max-width:768px){.auth-back-button{font-size:14px;padding:8px 20px;right:20px;top:20px}}.notifikasi-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto!important;position:fixed;right:0;top:0;z-index:10000!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notifikasi-modal{animation:slideUp .3s ease-out;background-color:#d49cb3;background-image:none;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:500px;min-width:400px;padding:50px 40px 40px;pointer-events:auto!important;position:relative;text-align:center;z-index:10001!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notifikasi-icon-wrapper{align-items:center;background-color:#fdf2f8;border:4px solid #fff;border-radius:50%;box-shadow:none;display:flex;height:90px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:-45px;transform:translateX(-50%);width:90px}.notifikasi-icon{height:70%;object-fit:contain;width:70%}.notifikasi-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px;margin-top:25px}.notifikasi-message{color:#fff;font-size:15px;line-height:1.5;margin-bottom:30px;opacity:.95}.notifikasi-detail{color:#fff;font-size:13px;line-height:1.5;margin:10px 0 20px;opacity:.9}.notifikasi-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.notifikasi-btn{border:none;border-radius:12px;cursor:pointer!important;font-size:15px;font-weight:600;min-width:120px;padding:12px 35px;pointer-events:auto!important;position:relative;transition:all .3s ease;z-index:10002}.notifikasi-btn-cancel{background-color:#ffffff4d;border:none;color:#fff}.notifikasi-btn-cancel:hover{background-color:#fff6}.notifikasi-btn-confirm{background-color:#a65d84;box-shadow:0 4px 10px #0000001a;color:#fff}.notifikasi-btn-confirm:hover{background-color:#8e4d6f}.notifikasi-btn-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#d49cb3;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:28px}.notifikasi-btn-close:hover{transform:scale(1.1)}@media (max-width:768px){.notifikasi-modal{min-width:300px;padding:40px 20px}}.dashboard-container{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;justify-content:space-between;margin:20px 20px 0;padding:15px 30px;position:-webkit-sticky;position:sticky;top:20px;transition:all .3s ease;z-index:100}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:15px}.header-logo{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.header-logo-img{height:100%;object-fit:cover;width:100%}.header-title{color:#333;font-size:24px;font-weight:700;margin:0}.btn-keluar{background:linear-gradient(135deg,#c94c8b,#e91e8c);border:none;border-radius:10px;box-shadow:0 4px 12px #c94c8b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-keluar:hover{box-shadow:0 6px 16px #c94c8b66;transform:translateY(-2px)}.dashboard-content{background:#f5f5f5;display:flex;flex:1 1;min-height:calc(100vh - 90px);position:relative}.sidebar{border-right:2px solid #e0e0e0;gap:30px;padding:30px 0;width:220px}.sidebar,.sidebar-profile{display:flex;flex-direction:column}.sidebar-profile{align-items:center;gap:15px;padding:0 20px}.profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.btn-profil{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:all .3s ease}.btn-profil:hover{background:#b8417a;transform:scale(1.05)}.sidebar-menu{display:flex;flex-direction:column;gap:25px}.menu-section{padding:0 20px}.menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#666;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.menu-icon{display:inline-block;font-size:16px;width:20px}.main-content{flex:1 1;overflow-y:auto;padding:30px}.menu-cards{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 15px #0000001a;gap:20px;justify-content:space-around;margin-bottom:30px;padding:40px}.menu-card,.menu-cards{align-items:center;display:flex}.menu-card{border-radius:15px;cursor:pointer;flex-direction:column;gap:15px;padding:15px;transition:all .3s ease}.menu-card:hover{background:#ffffff26;transform:translateY(-5px)}.card-icon{align-items:center;background:#ffffff4d;border-radius:15px;display:flex;height:70px;justify-content:center;transition:all .3s ease;width:70px}.menu-card:hover .card-icon{background:#fff6;transform:scale(1.1)}.card-label{color:#fff;font-size:14px;font-weight:600;margin:0;text-align:center}.chart-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 15px #0000001a;padding:30px}.chart-container{background:#fff;border-radius:15px;padding:30px}.chart-title{color:#e91e8c;font-size:20px;font-weight:600;margin:0 0 30px;text-align:center}.chart-content{align-items:center;display:flex;gap:50px;justify-content:center}.pie-chart{height:300px;width:300px}.pie-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100%;width:100%}.chart-legend{display:flex;flex-direction:column;gap:15px}.legend-item{align-items:center;display:flex;font-size:14px;gap:12px}.legend-color{border-radius:50%;flex-shrink:0;height:20px;width:20px}.legend-label{color:#333;font-weight:500}.legend-value{color:#e91e8c;font-weight:600}@media (max-width:1200px){.menu-cards{flex-wrap:wrap}.chart-content{flex-direction:column}}@media (max-width:768px){.dashboard-content{flex-direction:column}.sidebar{border-bottom:2px solid #e0e0e0;border-right:none;width:100%}.header-title{font-size:18px}.menu-cards{gap:15px;padding:20px}.card-icon{height:50px;width:50px}.card-label{font-size:12px}}.sidebar{align-self:flex-start;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;flex-shrink:0;margin:20px;max-height:calc(100vh - 120px);overflow-y:auto;padding:30px 20px;position:-webkit-sticky;position:sticky;top:100px;transition:all .3s ease;width:240px;z-index:50}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-profile{margin-bottom:30px;text-align:center}.sidebar-profile-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:100px;justify-content:center;margin:0 auto 15px;overflow:hidden;padding:8px;width:100px}.sidebar-logo-img{height:100%;object-fit:cover;width:100%}.sidebar-btn-profile{background:linear-gradient(135deg,#c94c8b,#e91e8c);border:none;border-radius:10px;box-shadow:0 4px 12px #c94c8b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.sidebar-btn-profile:hover{box-shadow:0 6px 16px #c94c8b66;transform:scale(1.05)}.sidebar-nav{display:flex;flex-direction:column;gap:25px}.sidebar-menu-section{display:flex;flex-direction:column;gap:8px}.sidebar-menu-title{background:#0000;border-bottom:2px solid #c94c8b33;color:#c94c8b;font-size:16px;font-weight:700;margin:0 0 10px;padding:8px 0}.sidebar-menu-item{align-items:center;background:#fff;border:none;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 15px;text-align:left;transition:all .3s ease}.sidebar-menu-item:hover{background:#ffffffe6;box-shadow:0 2px 8px #0000001a;color:#c94c8b;transform:translateX(3px)}.sidebar-menu-item-active{background:#fff;box-shadow:0 4px 12px #00000026;color:#c94c8b;font-weight:600}.sidebar-menu-item-active:hover{background:#fff;transform:translateX(3px)}.sidebar-menu-icon{font-size:18px}.sidebar-menu-icon,.sidebar-menu-icon-clock{align-items:center;background:#c94c8b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.sidebar-menu-icon-clock{font-size:20px}.sidebar-menu-arrow{color:#c94c8b;flex-shrink:0;font-size:16px;font-weight:700}.sidebar-dropdown{display:flex;flex-direction:column;gap:0}.sidebar-dropdown .sidebar-menu-item{justify-content:space-between;position:relative}.sidebar-dropdown-arrow{color:#c94c8b;font-size:14px;font-weight:700;margin-left:auto;transition:transform .3s ease}.sidebar-dropdown-active .sidebar-dropdown-arrow{transform:rotate(0deg)}.sidebar-dropdown-content{animation:slideDown .3s ease;display:flex;flex-direction:column;gap:6px;margin-top:6px;overflow:hidden;padding-left:0}.sidebar-dropdown-item{align-items:center;background:#ffffffe6;border:none;border-radius:10px;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 15px 10px 45px;text-align:left;transition:all .3s ease}.sidebar-dropdown-item:hover{background:#fff;box-shadow:0 2px 6px #0000001a;color:#c94c8b;transform:translateX(3px)}.sidebar-dropdown-item.sidebar-menu-item-active{background:#fff;box-shadow:0 2px 8px #0000001f;color:#c94c8b;font-weight:600}@media (max-width:1024px){.sidebar{width:220px}}@media (max-width:768px){.sidebar{border-radius:15px;box-shadow:0 2px 8px #0000000d;margin:10px;max-height:none;padding:20px;position:relative;top:0;width:100%;z-index:40}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:15px}.sidebar-menu-section{flex:1 1;min-width:200px}}@media (max-width:480px){.sidebar{display:none}}.profil-page{background:#e5e5e5;display:flex;flex-direction:column;min-height:100vh}.profil-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.profil-header-left{align-items:center;display:flex;gap:15px}.profil-header-icon{align-items:center;display:flex;height:45px;justify-content:center;width:45px}.profil-header-logo-img{height:100%;object-fit:contain;width:100%}.profil-header-title{color:#333;font-size:22px;font-weight:600;margin:0;text-shadow:none}.btn-kembali{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali:hover{background:#b8417a;box-shadow:0 3px 8px #c94c8b4d;transform:translateY(-1px)}.profil-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px 20px}.profil-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001f;max-width:900px;overflow:hidden;padding:0;width:100%}.profil-layout{grid-gap:0;display:grid;gap:0;grid-template-columns:320px 1fr;min-height:500px}.profil-left{background:linear-gradient(180deg,#fcf0f7,#fff);border-right:1px solid #f0e6ed;flex-direction:column;gap:25px;padding:40px 30px}.profil-avatar,.profil-left{align-items:center;display:flex;justify-content:center}.profil-avatar{background:#fff;border-radius:50%;box-shadow:0 8px 24px #e91e8c40;height:200px;margin-bottom:10px;padding:25px;width:200px}.profil-avatar-img{height:100%;object-fit:contain;width:100%}.btn-ubah-profil{background:#c94c8b;border:none;border-radius:8px;box-shadow:0 2px 8px #c94c8b40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 36px;transition:all .3s ease}.btn-ubah-profil:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b59;transform:translateY(-1px)}.profil-right{background:#fff;display:flex;flex-direction:column;gap:8px;padding:45px 50px}.profil-section-title{color:#e91e8c;font-size:18px;font-weight:700;letter-spacing:.3px;margin:30px 0 18px}.profil-section-title:first-child{margin-top:0}.profil-field{gap:16px;margin-bottom:18px;position:relative}.profil-field,.profil-icon{align-items:center;display:flex}.profil-icon{background:linear-gradient(135deg,#e91e8c,#c94c8b);border-radius:12px;box-shadow:0 4px 12px #e91e8c40;flex-shrink:0;height:50px;justify-content:center;width:50px}.profil-input-container{flex:1 1;max-width:450px;position:relative}.profil-input-container input{background:#fafafa;border:2px solid #f0e6ed;border-radius:12px;color:#333;font-size:14px;outline:none;padding:14px 22px;transition:all .3s ease;width:100%}.profil-input-container input::placeholder{color:#999}.profil-input-container input:focus{background:#fff;border-color:#e91e8c;box-shadow:0 0 0 4px #e91e8c1a}.edit-icon{font-size:18px;opacity:.8;pointer-events:none;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.profil-action{display:flex;justify-content:flex-end;margin-top:30px;max-width:516px}.btn-simpan{background:linear-gradient(135deg,#e91e8c,#c94c8b);border:none;border-radius:12px;box-shadow:0 4px 16px #e91e8c4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:13px 48px;transition:all .3s ease}.btn-simpan:hover{box-shadow:0 6px 20px #e91e8c66;transform:translateY(-2px)}.btn-simpan:active{transform:translateY(0)}.link-ubah-password,.profil-password-link{display:none}.link-ubah-password-inline{background:none;border:none;color:#e91e8c;cursor:pointer;font-size:13px;font-weight:500;margin-left:auto;padding:0;text-decoration:none;transition:color .3s ease;white-space:nowrap}.link-ubah-password-inline:hover{color:#c94c8b;text-decoration:underline}@media (max-width:1024px){.profil-form-container{gap:30px;grid-template-columns:1fr;padding:40px}.profil-avatar-section{padding-top:0}.profil-actions,.profil-input-wrapper{max-width:100%}}@media (max-width:768px){.profil-form-container{padding:30px 25px}.profil-header-title{font-size:18px}.profil-avatar-large{height:140px;width:140px}.profil-icon-box{height:45px;width:45px}.profil-icon-box svg{height:22px;width:22px}.profil-actions{flex-direction:column}.btn-batal,.btn-simpan,.btn-ubah-profil{width:100%}}@media (max-width:480px){.profil-form-container{padding:25px 20px}.profil-field-row{gap:12px}}.info-pengguna-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.info-pengguna-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px}.info-header-left{align-items:center;display:flex;gap:15px}.info-header-logo{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.info-header-logo-img{height:100%;object-fit:cover;width:100%}.info-header-title{color:#333;font-size:24px;font-weight:700;margin:0;text-shadow:none}.btn-kembali-info{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-info:hover{background:#b8417a;box-shadow:0 4px 8px #c94c8b4d;transform:translateY(-2px)}.info-pengguna-content{display:flex;flex:1 1;min-height:calc(100vh - 90px)}.info-sidebar{background:#fff;border-right:2px solid #e0e0e0;display:flex;flex-direction:column;gap:30px;padding:30px 0;width:220px}.info-sidebar-profile{align-items:center;display:flex;flex-direction:column;gap:15px;padding:0 20px}.info-profile-avatar{align-items:center;background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;height:100px;justify-content:center;width:100px}.btn-profil-sidebar{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:all .3s ease}.btn-profil-sidebar:hover{background:#b8417a;transform:scale(1.05)}.info-sidebar-menu{display:flex;flex-direction:column;gap:25px}.info-menu-section{padding:0 20px}.info-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#666;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.info-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.info-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.info-menu-icon{display:inline-block;font-size:16px;width:20px}.info-main-area{flex:1 1;gap:30px;padding:40px}.info-main-area,.tambah-akun-card{display:flex;flex-direction:column}.tambah-akun-card{align-items:center;background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;gap:15px;justify-content:center;max-width:250px;padding:30px;transition:all .3s ease}.tambah-akun-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.tambah-akun-icon{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.tambah-akun-label{color:#fff;font-size:16px;font-weight:600;margin:0}.account-list-card{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 15px #0000001a;flex:1 1;padding:25px}.account-list-inner{background:#ffffff4d;border-radius:15px;display:flex;flex-direction:column;gap:20px;padding:30px}.account-item{align-items:center;background:#e89ac7;border-left:5px solid #e89ac7;border-radius:25px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:15px;padding:15px 25px;transition:all .3s ease}.account-item:hover{box-shadow:0 4px 12px #00000026;transform:translateX(10px)}.account-icon{align-items:center;background:linear-gradient(135deg,#e91e8c,#c94c8b);border-radius:50%;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.account-username{color:#555;font-size:15px;font-weight:500}.modal-overlay{background:#00000080}.modal-content{border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:450px;padding:40px}.modal-title{font-size:24px;font-weight:700;margin:0 0 30px;text-align:center}.modal-form-group{margin-bottom:20px}.modal-form-group input{border:2px solid #e89ac7;border-radius:25px;font-size:15px;outline:none;padding:15px 20px;transition:all .3s ease;width:100%}.modal-form-group input:focus{border-color:#c94c8b;box-shadow:0 0 0 3px #c94c8b1a}.modal-actions{display:flex;gap:15px;margin-top:30px}.btn-modal-batal,.btn-modal-simpan{border:none;border-radius:25px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.btn-modal-batal{background:#999;color:#fff}.btn-modal-batal:hover{background:#888;transform:translateY(-2px)}.btn-modal-simpan{background:linear-gradient(135deg,#c94c8b,#b8417a);color:#fff}.btn-modal-simpan:hover{box-shadow:0 4px 15px #c94c8b4d;transform:translateY(-2px)}.info-loading{align-items:center;background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;flex:1 1;justify-content:center;padding:80px}.info-loading p{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-size:18px;font-weight:600;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.info-error{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;flex:1 1;justify-content:center;padding:40px}.info-error p{color:#fff;font-size:16px;font-weight:600;margin:0}.account-empty{align-items:center;background:#ffffff4d;border-radius:15px;display:flex;justify-content:center;min-height:300px;padding:60px;text-align:center}.account-empty p{color:#fff;font-size:16px;font-weight:600;margin:0}.account-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.account-details{display:flex;flex-direction:column;font-size:12px;gap:3px}.account-nama{color:#555;font-weight:600}.account-email{color:#777;font-size:11px}@media (max-width:768px){.info-pengguna-content{flex-direction:column}.info-sidebar{border-bottom:2px solid #e0e0e0;border-right:none;width:100%}.info-main-area{padding:20px}.info-header-title{font-size:18px}.tambah-akun-card{max-width:100%}}.ubah-password-page{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.ubah-password-header-page{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ubah-password-header-left{align-items:center;display:flex;gap:15px}.ubah-password-header-icon{align-items:center;display:flex;height:45px;justify-content:center;width:45px}.ubah-password-header-logo-img{height:100%;object-fit:contain;width:100%}.ubah-password-header-title{color:#333;font-size:22px;font-weight:600;margin:0;text-shadow:none}.btn-kembali-ubah{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-ubah:hover{background:#b8417a;box-shadow:0 3px 8px #c94c8b4d;transform:translateY(-1px)}.btn-kembali-ubah:disabled{cursor:not-allowed;opacity:.5}.ubah-password-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px 40px}.ubah-password-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;gap:60px;max-width:900px;padding:50px;width:100%}.ubah-password-left{flex-shrink:0}.ubah-password-avatar,.ubah-password-left{align-items:center;display:flex;justify-content:center}.ubah-password-avatar{background:linear-gradient(135deg,#f5d4e6,#e8c5db);border-radius:50%;box-shadow:0 4px 16px #c94c8b33;height:200px;width:200px}.ubah-password-avatar-img{height:100px;object-fit:contain;width:100px}.ubah-password-form-section{display:flex;flex:1 1;flex-direction:column;gap:24px}.ubah-password-form-field{display:flex;flex-direction:column;gap:8px}.ubah-password-form-field label{color:#c94c8b;font-size:14px;font-weight:600}.ubah-password-form-input-wrapper{align-items:center;display:flex;position:relative}.ubah-password-form-input-wrapper input{background-color:#faf3f8;border:2px solid #e0b5d1;border-radius:8px;color:#333;font-family:inherit;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.ubah-password-form-input-wrapper input::placeholder{color:#b8a0ad}.ubah-password-form-input-wrapper input:focus{background-color:#fff;border-color:#c94c8b;box-shadow:0 0 0 3px #c94c8b1a;outline:none}.ubah-password-form-input-wrapper input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.7}.ubah-password-form-toggle{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .3s ease}.ubah-password-form-toggle:hover{color:#c94c8b}.ubah-password-form-toggle:disabled{cursor:not-allowed;opacity:.5}.ubah-password-strength{color:#666;font-size:12px;padding:4px 0}.ubah-password-match{font-size:12px;font-weight:500;padding:4px 0}.ubah-password-match.match{color:#27ae60}.ubah-password-match.mismatch{color:#e74c3c}.btn-form-ubah{align-self:flex-start;background:linear-gradient(135deg,#c94c8b,#d987be);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:12px;padding:12px 32px;transition:all .3s ease}.btn-form-ubah:hover{box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.btn-form-ubah:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:1024px){.ubah-password-card{gap:40px;padding:40px}.ubah-password-avatar{height:160px;width:160px}.ubah-password-avatar-img{height:80px;width:80px}}@media (max-width:768px){.ubah-password-content{padding:40px 20px}.ubah-password-header-page{flex-direction:column;gap:12px;padding:16px 20px}.ubah-password-header-title{font-size:20px}.ubah-password-card{align-items:center;flex-direction:column;gap:30px;padding:30px;text-align:center}.ubah-password-form-section{width:100%}.btn-form-ubah{align-self:center}}@media (max-width:480px){.ubah-password-content{padding:20px 16px}.ubah-password-card{padding:20px}.ubah-password-avatar{height:120px;width:120px}.ubah-password-avatar-img{height:60px;width:60px}.ubah-password-header-title{font-size:18px}.ubah-password-form-field label{font-size:12px}.ubah-password-form-input-wrapper input{font-size:13px}}.data-pasien-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.data-pasien-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dp-header-left{align-items:center;display:flex;gap:15px}.dp-header-logo{align-items:center;background:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.dp-header-logo-img{height:100%;object-fit:cover;width:100%}.dp-header-title{color:#333;font-size:22px;font-weight:500;margin:0;text-shadow:none}.btn-kembali-dp{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-dp:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.data-pasien-content{display:flex;gap:0;min-height:calc(100vh - 80px)}.dp-main-area{flex:1 1;overflow-y:auto;padding:40px}.dp-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;overflow:hidden}.dp-card-header{background:linear-gradient(135deg,#e89ac7,#d987be);padding:20px 30px}.dp-header-top{margin-bottom:20px}.dp-title-search-group{align-items:center;display:flex;flex:1 1;gap:30px}.dp-card-title{color:#fff;font-size:20px;font-weight:600;margin:0;white-space:nowrap}.dp-header-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.dp-search-wrapper{display:flex;flex:1 1;gap:10px;max-width:350px}.dp-search-input-header{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:14px;outline:none;padding:10px 15px;width:100%}.dp-filter-relative{position:relative}.dp-filter-btn-header{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dp-filter-btn-header:hover{background:#ffffff4d}.dp-header-actions{display:flex;gap:10px}.dp-card-body{background:linear-gradient(135deg,#e89ac7,#f4a3d2 50%,#ffb8d9);min-height:500px;padding:30px}.dp-controls-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.dp-left-controls{flex:1 1}.dp-left-controls,.dp-right-controls{display:flex;gap:10px}.dp-search-input{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-size:15px;max-width:300px;outline:none;padding:12px 20px;width:100%}.dp-search-input::placeholder{color:#999}.dp-btn-action{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:8px;box-shadow:0 2px 6px #0000000d;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.dp-btn-action:hover{background:#e89ac7;box-shadow:0 4px 10px #e89ac74d;color:#fff;transform:translateY(-2px)}.dp-btn-action:hover .dp-btn-icon{stroke:#fff}.dp-btn-icon{stroke:#e89ac7;transition:all .3s ease}.dp-filter-wrapper{position:relative}.dp-filter-btn{align-items:center;background:#e89ac7;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.dp-filter-btn:hover{background:#d987be;transform:scale(1.05)}.dp-filter-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:55px;z-index:1000}.dp-filter-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:14px 20px;transition:all .2s ease}.dp-filter-option:last-child{border-bottom:none}.dp-filter-option:hover{background:#f8f8f8;padding-left:25px}.dp-filter-option.active{background:linear-gradient(135deg,#e89ac7,#f4a3d2);color:#fff;font-weight:600}.dp-filter-option.active:hover{background:linear-gradient(135deg,#d987be,#e89ac7)}.dp-patient-list{display:flex;flex-direction:column;gap:12px}.dp-patient-item{align-items:center;background:#e89ac7;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:18px 25px;transition:all .3s ease}.dp-patient-item:hover{box-shadow:0 4px 12px #00000026;transform:translateX(5px)}.dp-patient-name{color:#fff;font-size:16px;font-weight:500}.dp-patient-actions{display:flex;gap:12px}.dp-btn-delete,.dp-btn-edit{align-items:center;border:none!important;border-radius:50%!important;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;height:40px!important;justify-content:center;transition:all .3s ease;width:40px!important}.dp-btn-edit{background:linear-gradient(135deg,#f4a3d2,#e89ac7)!important}.dp-btn-edit:hover{background:linear-gradient(135deg,#e89ac7,#d987be)!important;box-shadow:0 4px 10px #0003;transform:scale(1.1)}.dp-btn-delete{background:linear-gradient(135deg,#f4a3d2,#e89ac7)!important}.dp-btn-delete:hover{background:linear-gradient(135deg,#e89ac7,#d987be)!important;box-shadow:0 4px 10px #0003;transform:scale(1.1)}.dp-empty,.dp-loading{color:#fff;font-size:16px;padding:40px 20px;text-align:center}.edit-pasien-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.edit-pasien-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.edit-pasien-header-left{align-items:center;display:flex;gap:15px}.edit-pasien-header-logo{align-items:center;background:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.edit-pasien-header-logo-img{height:100%;object-fit:cover;width:100%}.edit-pasien-header-title{color:#333;font-size:22px;font-weight:500;margin:0;text-shadow:none}.btn-kembali-edit-pasien{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-edit-pasien:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.edit-pasien-content{background:#f5f5f5;display:flex;gap:0;min-height:calc(100vh - 80px);position:relative}.edit-pasien-main-area{align-items:center;background:#f5f5f5;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.pasien-form-container{margin:0 auto;max-width:1000px;width:100%}.pasien-form-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:25px;box-shadow:0 8px 24px #e89ac74d;box-sizing:border-box;overflow:hidden;padding:45px 50px}.pasien-form-section-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 35px;text-align:left}.pasien-form-content{display:flex;flex-direction:column;gap:25px}.pasien-form-row{display:flex;flex-wrap:wrap;gap:25px}.pasien-form-group{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.pasien-form-group.full-width{flex:1 1 100%;width:100%}.pasien-form-group label{color:#fff;font-size:16px;font-weight:600}.pasien-form-group input{background:#fff;border:none;border-radius:10px;box-sizing:border-box;font-size:16px;max-width:100%;outline:none;padding:15px 18px;transition:all .3s;width:100%}.pasien-form-group input:focus{box-shadow:0 0 0 3px #ffffff80}.pasien-form-group input::placeholder{color:#999}.pasien-form-group select{background:#fff;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;font-size:16px;max-width:100%;outline:none;padding:15px 18px;transition:all .3s;width:100%}.pasien-form-group select:focus{box-shadow:0 0 0 3px #ffffff80}.pasien-kb-container{align-items:center;background:#ffffff26;border-radius:8px;display:flex;gap:15px;padding:12px}.pasien-kb-label{align-items:center;color:#ffffffe6;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;justify-content:center;min-width:130px;padding:10px 16px}.pasien-kb-select{display:flex;flex:1 1;flex-direction:column;gap:6px}.pasien-kb-option{background:#fff;border:none;border-radius:6px;color:#333;font-size:13px;padding:10px 14px;text-align:left}.pasien-kb-fields{display:flex;flex:1 1;gap:8px}.pasien-kb-fields input{background:#fff;border:none;border-radius:6px;cursor:not-allowed;flex:1 1;font-size:13px;outline:none;padding:10px 12px}.pasien-kb-fields input:disabled{background:#fff;color:#666}.pasien-histori-subsection{margin-bottom:20px}.pasien-histori-subsection:last-child{margin-bottom:0}.pasien-histori-subtitle{color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;text-align:left}.pasien-form-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:30px}.btn-pasien-cancel,.btn-pasien-submit{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.btn-pasien-submit{background:#a64478;background:#c94c8b;border:none;color:#fff}.btn-pasien-cancel{background:#fff;border:2px solid #e91e8c;color:#e91e8c}.btn-pasien-submit:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b66;transform:translateY(-2px)}.btn-pasien-cancel:hover{background:#f8f8f8;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.btn-pasien-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-message{color:#666;font-size:18px;padding:40px;text-align:center}@media (max-width:1200px){.pasien-form-container{max-width:900px}.pasien-form-section{padding:40px 45px}}@media (max-width:992px){.pasien-form-container{max-width:100%}.pasien-form-section{padding:35px 40px}}@media (max-width:768px){.edit-pasien-content{flex-direction:column}.edit-pasien-main-area{padding:25px}.pasien-form-section{padding:30px}.pasien-form-section-title{font-size:20px}.pasien-form-row{flex-direction:column;gap:20px}.pasien-form-group label{font-size:15px}.pasien-form-group input{font-size:15px;padding:13px 16px}.btn-pasien-cancel,.btn-pasien-submit{height:50px;width:50px}}@media (max-width:480px){.edit-pasien-main-area{padding:15px}.pasien-form-section{padding:20px}.pasien-form-section-title{font-size:18px;margin-bottom:25px}.pasien-form-content{gap:18px}.pasien-form-group label{font-size:14px}.pasien-form-group input{font-size:14px;padding:12px 14px}.btn-pasien-cancel,.btn-pasien-submit{height:45px;width:45px}.btn-pasien-cancel svg,.btn-pasien-submit svg{height:20px;width:20px}.edit-pasien-header{padding:12px 20px}.edit-pasien-header-logo-img{height:40px;width:40px}.edit-pasien-header-title{font-size:14px}.btn-kembali-edit-pasien{font-size:14px;padding:8px 20px}}.data-sampah-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.ds-header{background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ds-header,.ds-header-left{align-items:center;display:flex}.ds-header-left{gap:15px}.ds-header-logo{align-items:center;background:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.ds-header-logo-img{height:100%;object-fit:cover;width:100%}.ds-header-title{color:#333;font-size:22px;font-weight:500;margin:0}.btn-kembali-ds{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-ds:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.ds-content{display:flex;gap:0;min-height:calc(100vh - 80px)}.ds-main-area{flex:1 1;overflow-y:auto;padding:40px}.ds-container{background:linear-gradient(135deg,#e89ac7,#f4a3d2 50%,#ffb8d9);border-radius:20px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;min-height:500px;padding:30px}.ds-section-title{color:#fff;font-size:20px;font-weight:600;margin-top:0}.ds-search-bar,.ds-section-title{margin-bottom:25px}.ds-search-input{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-size:15px;outline:none;padding:12px 20px;width:100%}.ds-search-input::placeholder{color:#999}.ds-list{display:flex;flex-direction:column;gap:12px}.ds-item{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:15px 25px;transition:all .3s ease}.ds-item:hover{background:#ffffff4d;transform:translateX(5px)}.ds-item-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.ds-item-info p{color:#ffffffe6;font-size:13px;margin:0}.btn-restore{align-items:center;background:#4cc966;border:none;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-restore:hover{background:#3bb153;box-shadow:0 4px 10px #0003;transform:scale(1.1) rotate(-15deg)}.btn-restore svg{height:20px;width:20px}.rud-search-section{margin-bottom:25px}.rud-search-bar{display:flex;gap:10px;max-width:100%}.rud-search-input{background:linear-gradient(135deg,#e89ac733,#d987be33 50%,#c94c8b33);border:none;border-radius:30px;color:#666;flex:1 1;font-size:15px;outline:none;padding:14px 22px}.rud-search-input::placeholder{color:#999}.rud-filter-btn{align-items:center;background:linear-gradient(135deg,#e89ac7,#d987be 50%,#c94c8b);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.rud-filter-btn:hover{box-shadow:0 4px 8px #c94c8b4d;transform:scale(1.05)}.rud-table-container{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 12px #e99ac74d;padding:25px}.rud-table{background-color:#fff;border-collapse:collapse;border-radius:15px;overflow:hidden;width:100%}.rud-table thead{background:linear-gradient(135deg,#c94c8b,#b8417a)}.rud-table th{border-bottom:2px solid #ffffff4d;color:#fff;font-size:15px;font-weight:600;padding:18px 20px;text-align:left}.rud-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.rud-table tbody tr:hover{background-color:#f8f8f8}.rud-table tbody tr:last-child{border-bottom:none}.rud-table td{color:#333;font-size:14px;padding:18px 20px;vertical-align:middle}.rud-status{border-radius:20px;display:inline-block;font-size:13px;font-weight:500;padding:6px 16px}.status-diubah{background-color:#e89ac733;color:#c94c8b}.status-dihapus{background-color:#c94c8b33;color:#c94c8b}.status-dibuat{background-color:#2ecc7133;border:1px solid #2ecc7180;color:#27ae60}.rud-user{align-items:center;display:flex;gap:10px}.rud-user svg{flex-shrink:0}.rud-user span{color:#666;font-size:14px}.rud-filter-panel{grid-gap:15px;align-items:flex-end;background:#fff;border:1px solid #e89ac7;border-radius:12px;box-shadow:0 4px 12px #e89ac726;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.riwayat-masuk-akun-page{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.rma-header{background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.rma-header,.rma-header-left{align-items:center;display:flex}.rma-header-left{gap:15px}.rma-header-icon{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.rma-header-logo-img{height:100%;object-fit:cover;width:100%}.rma-header-title{color:#333;font-size:24px;font-weight:700;margin:0;text-shadow:none}.btn-kembali-rma{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-rma:hover{background:#b8417a;box-shadow:0 4px 8px #c94c8b4d;transform:translateY(-2px)}.rma-content{display:flex;flex:1 1}.rma-main-area{background-color:#f5f5f5;flex:1 1;padding:30px}.rma-search-section{margin-bottom:25px}.rma-search-bar{display:flex;gap:10px;max-width:100%}.rma-search-input{background:linear-gradient(135deg,#e89ac733,#d987be33 50%,#c94c8b33);border:none;border-radius:30px;color:#666;flex:1 1;font-size:15px;outline:none;padding:14px 22px}.rma-search-input::placeholder{color:#999}.rma-filter-btn{align-items:center;background:linear-gradient(135deg,#e89ac7,#d987be 50%,#c94c8b);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.rma-filter-btn:hover{box-shadow:0 4px 8px #c94c8b4d;transform:scale(1.05)}.rma-table-container{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 12px #e99ac74d;padding:25px}.rma-table{background-color:#fff;border-collapse:collapse;border-radius:15px;overflow:hidden;width:100%}.rma-table thead{background:linear-gradient(135deg,#c94c8b,#b8417a)}.rma-table th{border-bottom:2px solid #ffffff4d;color:#fff;font-size:15px;font-weight:600;padding:18px 20px;text-align:left}.rma-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.rma-table tbody tr:hover{background-color:#f8f8f8}.rma-table tbody tr:last-child{border-bottom:none}.rma-table td{color:#333;font-size:14px;padding:18px 20px;vertical-align:middle}.rma-status{border-radius:20px;display:inline-block;font-size:13px;font-weight:500;padding:6px 16px}.status-berhasil{background-color:#2ecc7133;border:1px solid #2ecc7180;color:#27ae60}.status-gagal{background-color:#e74c3c33;border:1px solid #e74c3c80;color:#c0392b}.rma-filter-panel{grid-gap:15px;align-items:flex-end;background:#fff;border:1px solid #e89ac7;border-radius:12px;box-shadow:0 4px 12px #e89ac726;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;margin-top:0;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#333;font-size:14px;font-weight:600}.filter-group input[type=date],.filter-group select{background-color:#fff;border:1px solid #e89ac7;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .3s ease}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:#c94c8b;box-shadow:0 0 0 3px #c94c8b1a;outline:none}.btn-reset-filter{background:linear-gradient(135deg,#e89ac7,#d987be 50%,#c94c8b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-reset-filter:hover{background:linear-gradient(135deg,#d987be,#c94c8b);box-shadow:0 4px 8px #c94c8b4d;transform:translateY(-2px)}.riwayat-ubah-data-page{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.rud-header{background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.rud-header,.rud-header-left{align-items:center;display:flex}.rud-header-left{gap:15px}.rud-header-icon{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.rud-header-logo-img{height:100%;object-fit:cover;width:100%}.rud-header-title{color:#333;font-size:24px;font-weight:700;margin:0;text-shadow:none}.btn-kembali-rud{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-rud:hover{background:#b8417a;box-shadow:0 4px 8px #c94c8b4d;transform:translateY(-2px)}.rud-content,.rud-main-area{display:flex;flex:1 1}.rud-main-area{background-color:#f5f5f5;flex-direction:column;gap:20px;padding:30px}.rud-filter-card{grid-gap:15px;align-items:flex-end;background:#fff;border:1px solid #e89ac7;border-radius:12px;box-shadow:0 4px 12px #e89ac726;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px}.rud-filter-group{display:flex;flex-direction:column;gap:8px}.rud-filter-label{background:none;color:#333;font-size:14px;font-weight:600;margin-bottom:5px;min-width:auto;padding:0;text-align:left}.rud-input-wrapper{width:100%}.rud-filter-date,.rud-filter-select{background-color:#fff;border:1px solid #e89ac7;border-radius:8px;box-shadow:none;color:#333;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:all .3s ease;width:100%}.rud-filter-date:focus,.rud-filter-select:focus{border-color:#c94c8b;box-shadow:0 0 0 3px #c94c8b1a}.rud-filter-action-btn{background:linear-gradient(135deg,#e89ac7,#d987be 50%,#c94c8b);border:none;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;height:auto;padding:10px 20px;transition:all .3s ease}.rud-filter-action-btn:hover{background:linear-gradient(135deg,#d987be,#c94c8b);box-shadow:0 4px 8px #c94c8b4d;transform:translateY(-2px)}.rud-data-card{background-color:#d49cb3;border-radius:20px;box-shadow:0 4px 10px #0000000d;display:flex;flex:1 1;flex-direction:column;min-height:500px;padding:25px}.rud-data-header{align-items:center;display:flex;margin-bottom:20px}.rud-search-wrapper{display:flex;gap:10px;max-width:100%}.rud-search-input-new{background:linear-gradient(135deg,#e89ac733,#d987be33 50%,#c94c8b33);border:none;border-radius:30px;color:#666;flex:1 1;font-size:15px;outline:none;padding:14px 22px}.rud-search-input-new::placeholder{color:#999}.rud-filter-btn-small{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center}.rud-table-wrapper{background-color:initial;border-radius:10px;flex:1 1;overflow:hidden}.rud-table-new{border-collapse:collapse;width:100%}.rud-table-new thead tr{background-color:#a65d84;color:#fff}.rud-table-new th{color:#ffffffe6;font-size:14px;font-weight:500;padding:15px 20px;text-align:left}.rud-table-new tbody tr{background-color:#fff;border-bottom:1px solid #eee}.rud-table-new td{color:#333;font-size:14px;padding:15px 20px;vertical-align:middle}.rud-user-cell{align-items:center;display:flex;gap:10px}.rud-avatar-circle{align-items:center;background-color:#fff0f5;border:1px solid #d49cb3;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}@media (max-width:1200px){.rud-filter-card{align-items:stretch;flex-direction:column;height:auto}.rud-filter-inputs{flex-wrap:wrap;justify-content:center;margin-bottom:20px;margin-right:0}.rud-filter-action-btn{height:50px;width:100%}.rud-filter-date,.rud-filter-select{width:140px}}.jadwal-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.jadwal-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.jadwal-header-left{align-items:center;display:flex;gap:15px}.jadwal-header-logo{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.jadwal-header-logo-img{height:100%;object-fit:cover;width:100%}.jadwal-header-title{color:#333;font-size:24px;font-weight:700;margin:0;text-shadow:none}.btn-kembali-jadwal:hover{box-shadow:0 4px 8px #c94c8b4d}.jadwal-content{display:flex;flex:1 1;min-height:calc(100vh - 90px)}.jadwal-sidebar{background:#fff;border-right:2px solid #e0e0e0;display:flex;flex-direction:column;gap:30px;padding:30px 0;width:220px}.jadwal-sidebar-profile{align-items:center;display:flex;flex-direction:column;gap:15px;padding:0 20px}.jadwal-profile-avatar{align-items:center;background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;height:100px;justify-content:center;width:100px}.btn-profil-jadwal{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:all .3s ease}.btn-profil-jadwal:hover{background:#b8417a;transform:scale(1.05)}.jadwal-sidebar-menu{display:flex;flex-direction:column;gap:25px}.jadwal-menu-section{padding:0 20px}.jadwal-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#666;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.jadwal-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.jadwal-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.jadwal-menu-icon{display:inline-block;font-size:16px;width:20px}.jadwal-main-area{display:flex;flex:1 1;flex-direction:column;gap:25px;padding:30px 40px}.jadwal-filter-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 15px #0000001a;padding:25px}.jadwal-filter-group{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(3,1fr) auto auto}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{color:#fff;font-size:14px;font-weight:600;padding-left:5px}.filter-item select{background:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;outline:none;padding:10px 15px}.btn-filter{background:#8b5a8e;border-radius:20px;height:42px;padding:10px 30px}.btn-filter:hover{background:#7a4d7d;transform:scale(1.05)}.btn-buat-jadwal{align-items:center;background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;height:42px;padding:10px 25px;transition:all .3s ease;white-space:nowrap}.btn-buat-jadwal:hover{background:#b8417a;transform:scale(1.05)}.jadwal-list-card{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 4px 15px #0000001a;flex:1 1;padding:25px}.jadwal-list-inner{background:#ffffff40;border-radius:15px;display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 400px);overflow-y:auto;padding:25px}.jadwal-date-header{background:#ffffff80;border-radius:20px;color:#666;font-size:14px;font-weight:600;padding:12px 25px}.jadwal-item{align-items:center;background:linear-gradient(135deg,#d98bb8,#c97aa7);border-radius:25px;display:flex;justify-content:space-between;padding:15px 25px;transition:all .3s ease}.jadwal-item:hover{box-shadow:0 4px 12px #00000026;transform:translateX(10px)}.jadwal-item-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.jadwal-item-text{color:#fff;flex:1 1;font-size:15px;font-weight:600}.jadwal-item-pasien{color:#ffffffd9;font-size:13px;font-weight:400}.jadwal-item-actions{display:flex;gap:10px}.jadwal-btn-delete,.jadwal-btn-edit{align-items:center;background:#fff3;border:1px solid #ffffff80;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.jadwal-btn-edit:hover{background:#4a90e2;transform:scale(1.1)}.jadwal-btn-delete:hover{background:#f44;transform:scale(1.1)}.jadwal-empty-state{color:#666;font-size:15px;padding:60px 20px;text-align:center}.jadwal-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.jadwal-modal-content{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;width:90%}.jadwal-modal-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 30px;text-align:center}.jadwal-modal-grid{grid-gap:20px;background:#ffffff40;border-radius:15px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:30px}.jadwal-modal-form-group{display:flex;flex-direction:column;gap:8px}.jadwal-modal-form-group.full-width{grid-column:1/-1}.jadwal-modal-form-group label{background:#ffffffb3;border-radius:10px;color:#333;font-size:14px;font-weight:600;padding:8px 15px}.jadwal-modal-form-group input,.jadwal-modal-form-group select{background:#ffffffe6;border:none;border-radius:20px;font-size:15px;outline:none;padding:12px 18px;transition:all .3s ease;width:100%}.jadwal-modal-form-group input:focus,.jadwal-modal-form-group select:focus{background:#fff;box-shadow:0 0 0 3px #ffffff80}.time-separator{align-items:center;display:flex;gap:10px}.time-separator span{color:#333;font-size:18px;font-weight:600}.time-separator input{flex:1 1}.jadwal-modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.jadwal-btn-modal-batal,.jadwal-btn-modal-simpan{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:24px;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.jadwal-btn-modal-batal{background:#999;color:#fff}.jadwal-btn-modal-batal:hover{background:#888;transform:translateY(-2px)}.jadwal-btn-modal-simpan{background:linear-gradient(135deg,#c94c8b,#b8417a);color:#fff}.jadwal-btn-modal-simpan:hover{box-shadow:0 4px 15px #c94c8b4d;transform:translateY(-2px)}.jadwal-list-inner::-webkit-scrollbar{width:8px}.jadwal-list-inner::-webkit-scrollbar-track{background:#fff3;border-radius:10px}.jadwal-list-inner::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px}.jadwal-list-inner::-webkit-scrollbar-thumb:hover{background:#ffffffb3}@media (max-width:1024px){.jadwal-filter-group{grid-template-columns:1fr}.btn-buat-jadwal,.btn-filter{width:100%}}@media (max-width:768px){.jadwal-content{flex-direction:column}.jadwal-sidebar{border-bottom:2px solid #e0e0e0;border-right:none;width:100%}.jadwal-main-area{padding:20px}.jadwal-header-title{font-size:18px}.jadwal-modal-grid{grid-template-columns:1fr}}.buat-jadwal-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.buat-jadwal-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.buat-jadwal-header-left{gap:15px}.buat-jadwal-header-left,.buat-jadwal-header-logo{align-items:center;display:flex}.buat-jadwal-header-logo-img{height:50px;object-fit:contain;width:50px}.buat-jadwal-header-title{color:#333;font-size:20px;font-weight:600;margin:0;text-shadow:none}.btn-kembali-jadwal{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-jadwal:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.buat-jadwal-content{background:#f5f5f5;display:flex;gap:0;min-height:calc(100vh - 80px);position:relative}.buat-jadwal-main-area{align-items:center;background:#f5f5f5;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.jadwal-form-container{margin:0 auto;max-width:1000px;width:100%}.jadwal-form-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:25px;box-shadow:0 8px 24px #e89ac74d;box-sizing:border-box;overflow:hidden;padding:45px 50px}.jadwal-form-section-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 35px;text-align:left}.jadwal-form-content{display:flex;flex-direction:column;gap:25px}.jadwal-form-row{display:flex;flex-wrap:wrap;gap:25px}.jadwal-form-group{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.jadwal-form-group.full-width{flex:1 1 100%;width:100%}.jadwal-form-group.small{flex:0 0 220px;min-width:220px}.jadwal-form-group label{color:#fff;font-size:16px;font-weight:600}.jadwal-form-group input,.jadwal-form-group select{background:#fff;border:none;border-radius:10px;box-sizing:border-box;font-size:16px;max-width:100%;outline:none;padding:15px 18px;transition:all .3s;width:100%}.jadwal-form-group input:focus,.jadwal-form-group select:focus{box-shadow:0 0 0 3px #ffffff80}.jadwal-form-group input::placeholder{color:#999}.jadwal-form-group select{cursor:pointer}.jadwal-form-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:30px}.btn-jadwal-cancel,.btn-jadwal-submit{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:55px;justify-content:center;transition:all .3s ease;width:55px}.btn-jadwal-submit{background:#28a745}.btn-jadwal-submit:hover{background:#218838;box-shadow:0 6px 16px #28a74580;transform:scale(1.15)}.btn-jadwal-cancel{background:#dc3545}.btn-jadwal-cancel:hover{background:#c82333;box-shadow:0 6px 16px #dc354580;transform:scale(1.15)}.btn-jadwal-cancel svg,.btn-jadwal-submit svg{height:24px;width:24px}@media (max-width:1200px){.jadwal-form-container{max-width:900px}.jadwal-form-section{padding:40px 45px}}@media (max-width:992px){.jadwal-form-container{max-width:100%}.jadwal-form-section{padding:35px 40px}.jadwal-form-group.small{flex:0 0 180px;min-width:180px}}@media (max-width:768px){.buat-jadwal-content{flex-direction:column}.buat-jadwal-main-area{padding:25px}.jadwal-form-section{padding:30px}.jadwal-form-section-title{font-size:20px}.jadwal-form-row{flex-direction:column;gap:20px}.jadwal-form-group.small{flex:1 1 100%;min-width:100%}.jadwal-form-group label{font-size:15px}.jadwal-form-group input,.jadwal-form-group select{font-size:15px;padding:13px 16px}.btn-jadwal-cancel,.btn-jadwal-submit{height:50px;width:50px}}@media (max-width:480px){.buat-jadwal-main-area{padding:15px}.jadwal-form-section{padding:20px}.jadwal-form-section-title{font-size:18px;margin-bottom:25px}.jadwal-form-content{gap:18px}.jadwal-form-group label{font-size:14px}.jadwal-form-group input,.jadwal-form-group select{font-size:14px;padding:12px 14px}.btn-jadwal-cancel,.btn-jadwal-submit{height:45px;width:45px}.btn-jadwal-cancel svg,.btn-jadwal-submit svg{height:20px;width:20px}.buat-jadwal-header{padding:12px 20px}.buat-jadwal-header-logo-img{height:40px;width:40px}.buat-jadwal-header-title{font-size:14px}.btn-kembali-jadwal{font-size:14px;padding:8px 20px}}.laporan-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.laporan-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.laporan-header-left{align-items:center;display:flex;gap:15px}.laporan-header-logo{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.laporan-header-logo-img{height:100%;object-fit:cover;width:100%}.laporan-header-title{color:#333;font-size:24px;font-weight:700;margin:0;text-shadow:none}.btn-kembali-laporan{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-laporan:hover{background:#b8417a;box-shadow:0 4px 8px #c94c8b4d;transform:translateY(-2px)}.laporan-content{display:flex;flex:1 1;min-height:calc(100vh - 90px)}.laporan-main-area{flex:1 1;overflow-y:auto;padding:20px 40px}.laporan-filter-section{background:linear-gradient(135deg,#e89ac7,#d687b8);border-radius:15px;box-shadow:0 4px 12px #e89ac733;margin-bottom:20px;padding:25px 30px}.filter-tabs{align-items:flex-end;display:flex;gap:15px}.filter-tab{display:flex;flex:1 1;flex-direction:column;gap:8px}.filter-tab label{color:#fff;font-size:14px;font-weight:600;text-align:center}.filter-date,.filter-select{background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease;width:100%}.filter-date:focus,.filter-select:focus{box-shadow:0 0 0 3px #ffffff4d;outline:none}.btn-filter{background:#8b4869;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 25px;transition:all .3s ease}.btn-filter:hover:not(:disabled){background:#7a3d5a;box-shadow:0 4px 8px #8b48694d;transform:translateY(-2px)}.btn-filter:disabled{cursor:not-allowed;opacity:.6}.laporan-search-section{align-items:center;background:linear-gradient(135deg,#e89ac7,#d687b8);border-radius:15px;box-shadow:0 4px 12px #e89ac733;display:flex;gap:15px;margin-bottom:20px;padding:20px 25px}.search-box{background:#fff;border-radius:8px;display:flex;flex:1 1;overflow:hidden}.search-input{border:none;color:#333;flex:1 1;font-size:14px;padding:10px 15px}.search-input:focus{outline:none}.search-input::placeholder{color:#999}.btn-search-icon{background:#0000;justify-content:center}.btn-download-excel,.btn-search-icon{align-items:center;border:none;cursor:pointer;display:flex;padding:10px 15px}.btn-download-excel{background:#8b4869;border-radius:8px;color:#fff;font-size:14px;font-weight:600;gap:8px;transition:all .3s ease}.btn-download-excel:hover{background:#7a3d5a;box-shadow:0 4px 8px #8b48694d;transform:translateY(-2px)}.laporan-data-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px #e89ac733;min-height:400px;overflow:hidden;padding:0}.no-data-message{align-items:center;display:flex;justify-content:center;min-height:350px;padding:60px 20px;text-align:center}.no-data-message p{color:#666;font-size:16px;font-weight:500}.table-container{overflow-x:auto;width:100%}.laporan-table{border-collapse:collapse;width:100%}.laporan-table thead{background:linear-gradient(135deg,#e89ac7,#c94c8b)}.laporan-table thead th{color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase;white-space:nowrap}.laporan-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.laporan-table tbody tr:hover{background:#fff5fa}.laporan-table tbody tr:last-child{border-bottom:none}.laporan-table tbody td{color:#333;font-size:14px;padding:15px;vertical-align:middle}.laporan-table tbody td:first-child{color:#666;font-weight:600;text-align:center}.service-badge{border-radius:20px;display:inline-block;padding:6px 14px;white-space:nowrap}.badge-pink{background:linear-gradient(135deg,#e89ac7,#c94c8b)}.badge-orange{background:linear-gradient(135deg,#ffa07a,coral)}.badge-green{background:linear-gradient(135deg,#90ee90,#32cd32)}.badge-blue{background:linear-gradient(135deg,#87ceeb,#4682b4)}@media (max-width:1024px){.filter-tabs{flex-wrap:wrap}.filter-tab{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;min-width:200px}.btn-filter{flex:1 1 100%}.table-container{overflow-x:scroll}.laporan-table{min-width:900px}}@media (max-width:768px){.laporan-content{flex-direction:column}.laporan-main-area{padding:20px}.laporan-header-title{font-size:18px}.filter-tabs{flex-direction:column}.filter-tab{flex:1 1 100%}.laporan-search-section{flex-direction:column}.table-container{overflow-x:scroll}.laporan-table{min-width:800px}}.dashboard-cards{display:flex;gap:20px;margin-bottom:25px}.dashboard-card{background:#fff;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:120px;padding:20px 25px;transition:transform .3s ease}.dashboard-card:hover{transform:translateY(-5px)}.dashboard-card.card-pink{background:linear-gradient(135deg,#fff,#fff0f5);border-left:5px solid #e89ac7}.dashboard-card.card-purple{background:linear-gradient(135deg,#fff,#f5e6f7);border-left:5px solid #9b6b9e}.dashboard-card.card-blue{background:linear-gradient(135deg,#fff,#f0f8ff);border-left:5px solid #87ceeb}.card-title{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.card-value{color:#333;font-size:32px;font-weight:700;margin-bottom:5px}.card-value.small{font-size:24px}.card-desc{color:#999;font-size:12px}.service-badge{background:#e89ac7;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}@media (max-width:768px){.dashboard-cards{flex-direction:column}}.dashboard-layanan-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.dl-header{background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.dl-header,.dl-header-left{align-items:center;display:flex}.dl-header-left{gap:15px}.dl-header-logo{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.dl-header-logo-img{height:100%;object-fit:cover;width:100%}.dl-header-title{color:#333;font-size:24px;font-weight:700;margin:0;text-shadow:none}.btn-kembali-dl{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-dl:hover{background:#b8417a;box-shadow:0 4px 8px #c94c8b4d;transform:translateY(-2px)}.dl-content{background:#f5f5f5;display:flex;flex:1 1;min-height:calc(100vh - 90px);position:relative}.dl-sidebar{background:#fff;border-right:2px solid #e0e0e0;gap:30px;padding:30px 0;width:220px}.dl-sidebar,.dl-sidebar-profile{display:flex;flex-direction:column}.dl-sidebar-profile{align-items:center;gap:15px;padding:0 20px}.dl-profile-avatar{align-items:center;background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;height:100px;justify-content:center;width:100px}.btn-profil-dl{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:all .3s ease}.btn-profil-dl:hover{background:#b8417a;transform:scale(1.05)}.dl-sidebar-menu{display:flex;flex-direction:column;gap:25px}.dl-menu-section{padding:0 20px}.dl-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#666;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.dl-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.dl-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.dl-menu-icon{display:inline-block;font-size:16px;width:20px}.dl-main-area{align-items:center;display:flex;flex:1 1;justify-content:center;padding:30px 40px 50px}.dl-layanan-container{background:linear-gradient(135deg,#e89ac7,#e5a0c5 50%,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column;gap:35px;max-width:1200px;padding:60px 50px;width:100%}.dl-layanan-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);justify-items:stretch}.dl-layanan-row:last-child{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:66.66%;width:100%}.dl-layanan-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff4d,#fff3);border:2px solid #ffffff80;border-radius:25px;cursor:pointer;display:flex;flex-direction:column;gap:20px;min-height:220px;padding:35px 25px;transition:all .3s ease}.dl-layanan-card:hover{background:linear-gradient(135deg,#fff6,#ffffff4d);border-color:#fff9;box-shadow:0 12px 30px #00000040;transform:translateY(-5px)}.dl-layanan-card-empty{background:#0000;border:none;cursor:default}.dl-card-icon-wrapper{align-items:center;background:#ffffff40;border-radius:25px;display:flex;height:110px;justify-content:center;padding:15px;width:110px}.dl-card-content{display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:center;text-align:center}.dl-card-title{color:#2d2d2d;font-size:17px;font-weight:700;line-height:1.3;margin:0}.dl-card-subtitle{color:#4a4a4a;font-size:13px;font-weight:500;line-height:1.4;margin:0}@media (max-width:1024px){.dl-layanan-row,.dl-layanan-row:last-child{grid-template-columns:repeat(2,1fr)}.dl-layanan-row:last-child{max-width:100%}.dl-layanan-card-empty{display:none}}@media (max-width:768px){.dl-content{flex-direction:column}.dl-sidebar{border-bottom:2px solid #e0e0e0;border-right:none;width:100%}.dl-main-area{padding:20px}.dl-layanan-container{padding:30px 20px}.dl-layanan-row{grid-template-columns:1fr}.dl-header-title{font-size:18px}.dl-card-title{font-size:15px}.dl-card-subtitle{font-size:12px}}.layanan-kb-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.kb-header{background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.kb-header,.kb-header-left{align-items:center;display:flex}.kb-header-left{gap:15px}.kb-header-logo{align-items:center;display:flex}.kb-header-logo-img{height:50px;object-fit:contain;width:50px}.kb-header-title{color:#333;font-size:20px;font-weight:600;margin:0;text-shadow:none}.btn-kembali-kb{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-kb:hover{background:#c71874;box-shadow:0 4px 12px #e91e8c4d;transform:translateY(-2px)}.kb-content{background:#f5f5f5;display:flex;gap:0;min-height:calc(100vh - 80px);position:relative}.kb-sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;gap:30px;padding:30px 0;width:220px}.kb-sidebar,.kb-sidebar-profile{display:flex;flex-direction:column}.kb-sidebar-profile{align-items:center;gap:15px}.kb-profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:80px;justify-content:center;width:80px}.btn-profil-kb{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.btn-profil-kb:hover{background:#c71874;transform:translateY(-2px)}.kb-sidebar-menu{gap:20px}.kb-menu-section,.kb-sidebar-menu{display:flex;flex-direction:column}.kb-menu-section{gap:10px;padding:0 20px}.kb-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.kb-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease}.kb-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.kb-menu-icon{font-size:16px}.kb-main-area{flex:1 1;overflow-y:auto;padding:40px}.kb-welcome-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;margin-bottom:30px;padding:40px}.kb-welcome-text{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.kb-action-buttons{display:flex;gap:20px}.kb-action-btn{align-items:center;background:linear-gradient(135deg,#ffffff40,#ffffff26);border:3px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:12px;justify-content:center;min-height:120px;padding:20px 30px;transition:all .3s ease}.kb-action-btn:hover{box-shadow:0 6px 20px #e91e8c66;transform:translateY(-3px)}.kb-action-btn svg{height:40px;width:40px}.kb-riwayat-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.kb-section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.kb-search-bar{display:flex;gap:10px;margin-bottom:20px}.kb-search-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .3s}.kb-search-input:focus{border-color:#e91e8c;box-shadow:0 0 0 3px #e91e8c1a}.kb-filter-wrapper{position:relative}.kb-filter-btn{align-items:center;background:linear-gradient(135deg,#e89ac7,#f4a3d2);border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;padding:10px;transition:all .3s ease;width:45px}.kb-filter-btn:hover{background:linear-gradient(135deg,#f4a3d2,#ffb8d9);box-shadow:0 4px 12px #e91e8c4d;transform:translateY(-2px)}.kb-filter-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:55px;z-index:1000}.kb-filter-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:12px 18px;transition:all .2s ease}.kb-filter-option:last-child{border-bottom:none}.kb-filter-option:hover{background:#f8f8f8;color:#e91e8c;padding-left:22px}.kb-search-btn{background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.kb-search-btn:hover{box-shadow:0 4px 12px #e91e8c4d;transform:translateY(-2px)}.kb-btn-pulihkan{align-items:center;background:#fff;border:2px solid #fff;border-radius:8px;color:#e91e8c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.kb-btn-pulihkan:hover{background:#e91e8c;box-shadow:0 4px 12px #0000001a;color:#fff;transform:translateY(-2px)}.kb-riwayat-list{display:flex;flex-direction:column;gap:12px}.kb-riwayat-item{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.kb-riwayat-item:hover{box-shadow:0 4px 12px #e91e8c4d;transform:translateX(5px)}.kb-riwayat-text{color:#fff;font-size:14px;font-weight:500}.kb-riwayat-actions{display:flex;gap:10px}.kb-btn-delete,.kb-btn-edit{align-items:center;background:linear-gradient(135deg,#e89ac7,#f4a3d2);border:none;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .3s;width:40px}.kb-btn-edit:hover{box-shadow:0 2px 8px #4caf504d}.kb-btn-delete:hover,.kb-btn-edit:hover{background:linear-gradient(135deg,#f4a3d2,#ffb8d9);transform:scale(1.1)}.kb-btn-delete:hover{box-shadow:0 2px 8px #f443364d}.kb-form-container{background:#fff;border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.kb-form{display:flex;flex-direction:column;gap:30px}.kb-form-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-sizing:border-box;overflow:hidden;padding:30px}.kb-form-section-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.kb-form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.kb-form-row:last-child{margin-bottom:0}.kb-form-group{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.kb-form-group.full-width{flex:1 1 100%;width:100%}.kb-form-group.small{flex:0 0 150px;min-width:150px}.kb-form-group label{color:#fff;font-size:13px;font-weight:500}.kb-form-group input,.kb-form-group select,.kb-form-group textarea{background:#fff;border:none;border-radius:8px;box-sizing:border-box;font-size:14px;max-width:100%;outline:none;padding:10px 14px;transition:all .3s;width:100%}.kb-form-group input:focus,.kb-form-group select:focus,.kb-form-group textarea:focus{box-shadow:0 0 0 3px #ffffff80}.kb-form-group input::placeholder,.kb-form-group textarea::placeholder{color:#999}.kb-form-group select{cursor:pointer}.kb-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.kb-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.kb-btn-batal,.kb-btn-simpan{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 40px;transition:all .3s}.kb-btn-batal{background:#fff;border:2px solid #e91e8c;color:#e91e8c}.kb-btn-batal:hover{background:#f8f8f8;transform:translateY(-2px)}.kb-btn-simpan{background:#c94c8b;color:#fff}.kb-btn-simpan:hover{box-shadow:0 4px 12px #764ba266;transform:translateY(-2px)}@media (max-width:1200px){.kb-content{flex-direction:column}.kb-sidebar{justify-content:space-between;padding:20px;width:100%}.kb-sidebar,.kb-sidebar-profile{flex-direction:row}.kb-profile-avatar{height:60px;width:60px}.kb-sidebar-menu{flex-direction:row;gap:15px}.btn-profil-kb{padding:8px 16px;width:auto}}@media (max-width:768px){.kb-header{padding:15px 20px}.kb-header-title{font-size:16px}.kb-content{flex-direction:column}.kb-main-area,.kb-sidebar{padding:20px;width:100%}.kb-action-buttons{flex-direction:column;gap:10px}.kb-action-btn{width:100%}.kb-form-row{flex-direction:column}.kb-form-group.small{flex:1 1}}@media (max-width:480px){.kb-header{padding:10px 15px}.kb-header-logo-img{height:35px;width:35px}.kb-header-title{font-size:14px}.btn-kembali-kb{font-size:12px;padding:8px 16px}.kb-content{flex-direction:column}.kb-form-container{padding:15px}.kb-form-section{padding:12px}.kb-form-section-title{font-size:14px}.kb-form-group label{font-size:12px}.kb-form-group input,.kb-form-group select,.kb-form-group textarea{font-size:13px;padding:8px 12px}.kb-welcome-text{font-size:14px}.kb-action-btn{font-size:13px;padding:10px 15px;width:100%}.kb-btn-batal,.kb-btn-simpan{font-size:13px;padding:10px 20px}.kb-sidebar{display:none}.kb-main-area{padding:15px;width:100%}.kb-welcome-section{padding:15px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.modal-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.btn-close-modal{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.btn-close-modal:hover{color:#333}.modal-body{overflow-y:auto;padding:20px}.search-box-modal{margin-bottom:20px}.search-input-modal{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.search-input-modal:focus{border-color:#e91e63;outline:none}.pasien-list-modal{display:flex;flex-direction:column;gap:10px}.pasien-item-modal{align-items:center;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s}.pasien-item-modal:hover{background-color:#fff5f8;border-color:#fce4ec}.pasien-info-modal h4{color:#333;font-size:1rem;margin:0 0 5px}.pasien-info-modal p{color:#666;font-size:.9rem;margin:0}.btn-pilih-pasien{background-color:#e91e63;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:transform .1s}.btn-pilih-pasien:hover{background-color:#d81b60}.btn-pilih-pasien:active{transform:scale(.98)}.empty-modal,.loading-modal{color:#666;padding:30px;text-align:center}.data-sampah-layanan{background:linear-gradient(180deg,#e090c0,#d883b5);border-radius:20px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;min-height:600px;padding:30px;position:relative}.dsl-header{display:none}.dsl-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 0 20px}.dsl-search-bar{margin:0;width:300px}.dsl-search-input{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#666;font-size:16px;outline:none;padding:15px 20px;width:100%}.dsl-search-input::placeholder{color:#999}.dsl-card-body{background:#0000;flex:1 1;padding:0}.dsl-card-body,.dsl-list{display:flex;flex-direction:column}.dsl-list{background:#ffffff1a;border-radius:20px;flex:1 1;gap:15px;min-height:400px;padding:20px}.dsl-item{align-items:center;background:#be5a8c66;border:1px solid #ffffff1a;border-radius:15px;display:flex;justify-content:space-between;padding:20px 30px;transition:all .3s ease}.dsl-item:hover{background:#be5a8c99;transform:translateY(-2px)}.dsl-item-info{display:flex;flex-direction:column;gap:5px}.dsl-item-info h4{color:#fff;font-size:16px;font-weight:600;margin:0}.dsl-item-info p{color:#fffc;font-size:13px;margin:0}.dsl-badge{display:none}.dsl-service-type{color:#fffc;font-size:13px}.dsl-actions{align-items:center;display:flex;gap:15px}.dsl-btn-delete,.dsl-btn-restore{background:none;border:none;box-shadow:none;cursor:pointer;height:auto;opacity:.8;padding:5px;transition:opacity .3s;width:auto}.dsl-btn-delete:hover,.dsl-btn-restore:hover{background:none;opacity:1;transform:scale(1.1)}.dsl-empty,.dsl-loading{align-items:center;color:#fff;display:flex;flex:1 1;font-size:18px;font-weight:500;justify-content:center;padding:0;text-align:center;width:100%}.layanan-persalinan-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.persalinan-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.persalinan-header-left{gap:15px}.persalinan-header-left,.persalinan-header-logo{align-items:center;display:flex}.persalinan-header-logo-img{height:50px;object-fit:contain;width:50px}.persalinan-header-title{color:#333;font-size:20px;font-weight:600;margin:0;text-shadow:none}.btn-kembali-persalinan{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-persalinan:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.persalinan-content{background:#f5f5f5;display:flex;gap:0;min-height:calc(100vh - 80px);position:relative}.persalinan-sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;gap:30px;padding:30px 0;width:220px}.persalinan-sidebar-profile{align-items:center;display:flex;flex-direction:column;gap:15px;padding:0 20px}.persalinan-profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:80px;justify-content:center;width:80px}.btn-profil-persalinan{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.btn-profil-persalinan:hover{background:#b8417a;transform:scale(1.05)}.persalinan-sidebar-menu{display:flex;flex-direction:column;gap:25px}.persalinan-menu-section{display:flex;flex-direction:column;gap:10px;padding:0 20px}.persalinan-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.persalinan-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease}.persalinan-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.persalinan-menu-icon{display:inline-block;font-size:16px;width:20px}.persalinan-main-area{flex:1 1;overflow-y:auto;padding:40px}.persalinan-welcome-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;margin-bottom:30px;padding:40px}.persalinan-welcome-text{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.persalinan-action-buttons{display:flex;gap:20px}.persalinan-action-btn{align-items:center;background:linear-gradient(135deg,#ffffff40,#ffffff26);border:3px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:12px;justify-content:center;min-height:120px;padding:20px 30px;transition:all .3s ease}.persalinan-action-btn:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);box-shadow:0 6px 20px #ffffff4d;transform:translateY(-3px)}.persalinan-action-btn svg{height:40px;width:40px}.persalinan-riwayat-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.persalinan-section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.persalinan-search-bar{display:flex;gap:10px;margin-bottom:20px}.persalinan-search-input{border:none;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .3s}.persalinan-search-input:focus{box-shadow:0 0 0 3px #ffffff4d}.persalinan-filter-wrapper{position:relative}.persalinan-filter-btn{align-items:center;background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 20px;transition:all .3s ease}.persalinan-filter-btn:hover{background:#fff6;transform:translateY(-2px)}.persalinan-filter-dropdown{animation:slideDownPersalinan .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:55px;z-index:1000}@keyframes slideDownPersalinan{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.persalinan-filter-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:12px 18px;transition:all .2s ease}.persalinan-filter-option:last-child{border-bottom:none}.persalinan-filter-option:hover{background:#f8f8f8;color:#e91e8c;padding-left:22px}.persalinan-search-btn{background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.persalinan-search-btn:hover{background:#fff6;transform:translateY(-2px)}.persalinan-btn-pulihkan{align-items:center;background:#fff;border:2px solid #fff;border-radius:8px;color:#e91e8c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.persalinan-btn-pulihkan:hover{background:#e91e8c;box-shadow:0 4px 12px #0000001a;color:#fff;transform:translateY(-2px)}.persalinan-riwayat-list{display:flex;flex-direction:column;gap:12px}.persalinan-riwayat-item{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.persalinan-riwayat-item:hover{background:#ffffff59;transform:translateX(5px)}.persalinan-riwayat-text{color:#fff;font-size:14px;font-weight:500}.persalinan-riwayat-actions{display:flex;gap:10px}.persalinan-btn-delete,.persalinan-btn-edit{align-items:center;background:linear-gradient(135deg,#e89ac7,#f4a3d2);border:none;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .3s;width:40px}.persalinan-btn-edit:hover{box-shadow:0 2px 8px #4caf504d}.persalinan-btn-delete:hover,.persalinan-btn-edit:hover{background:linear-gradient(135deg,#f4a3d2,#ffb8d9);transform:scale(1.1)}.persalinan-btn-delete:hover{box-shadow:0 2px 8px #f443364d}.persalinan-form-container{background:#fff;border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.persalinan-form{display:flex;flex-direction:column;gap:30px}.persalinan-form-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;box-sizing:border-box;overflow:hidden;padding:30px}.persalinan-form-section-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.persalinan-form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.persalinan-form-row:last-child{margin-bottom:0}.persalinan-form-group{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.persalinan-form-group.full-width{flex:1 1 100%;width:100%}.persalinan-form-group.small{flex:0 0 150px;min-width:150px}.persalinan-form-group label{color:#fff;font-size:13px;font-weight:500}.persalinan-form-group input,.persalinan-form-group select,.persalinan-form-group textarea{background:#fff;border:none;border-radius:8px;box-sizing:border-box;font-size:14px;max-width:100%;outline:none;padding:10px 14px;transition:all .3s;width:100%}.persalinan-form-group input:focus,.persalinan-form-group select:focus,.persalinan-form-group textarea:focus{box-shadow:0 0 0 3px #ffffff80}.persalinan-form-group input::placeholder,.persalinan-form-group textarea::placeholder{color:#999}.persalinan-form-group select{cursor:pointer}.persalinan-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.persalinan-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.persalinan-btn-batal,.persalinan-btn-simpan{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 40px;transition:all .3s}.persalinan-btn-batal{background:#fff;border:2px solid #e91e8c;color:#e91e8c}.persalinan-btn-batal:hover{background:#f8f8f8;transform:translateY(-2px)}.persalinan-btn-simpan{background:#c94c8b;color:#fff}.persalinan-btn-simpan:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b66;transform:translateY(-2px)}@media (max-width:1200px){.persalinan-content{flex-direction:column}.persalinan-sidebar{flex-direction:row;justify-content:space-between;padding:20px;width:100%}.persalinan-sidebar-profile{flex-direction:row}.persalinan-profile-avatar{height:60px;width:60px}.persalinan-sidebar-menu{flex-direction:row;gap:15px}.btn-profil-persalinan{padding:8px 16px;width:auto}}@media (max-width:768px){.persalinan-header{padding:15px 20px}.persalinan-header-title{font-size:16px}.persalinan-content{flex-direction:column}.persalinan-main-area,.persalinan-sidebar{padding:20px;width:100%}.persalinan-action-buttons{flex-direction:column;gap:10px}.persalinan-action-btn{width:100%}.persalinan-form-row{flex-direction:column}.persalinan-form-group.small{flex:1 1}}@media (max-width:480px){.persalinan-header{padding:10px 15px}.persalinan-header-logo-img{height:35px;width:35px}.persalinan-header-title{font-size:14px}.btn-kembali-persalinan{font-size:12px;padding:8px 16px}.persalinan-content{flex-direction:column}.persalinan-sidebar{display:none}.persalinan-form-container{padding:15px}.persalinan-form-section{padding:12px}.persalinan-form-section-title{font-size:14px}.persalinan-form-group label{font-size:12px}.persalinan-form-group input,.persalinan-form-group select,.persalinan-form-group textarea{font-size:13px;padding:8px 12px}.persalinan-welcome-section{padding:15px}.persalinan-welcome-text{font-size:14px}.persalinan-action-btn{font-size:13px;padding:10px 15px;width:100%}.persalinan-btn-batal,.persalinan-btn-simpan{font-size:13px;padding:10px 20px}.persalinan-main-area{padding:15px;width:100%}}.layanan-anc-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.anc-header{background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.anc-header,.anc-header-left{align-items:center;display:flex}.anc-header-left{gap:15px}.anc-header-logo{align-items:center;display:flex}.anc-header-logo-img{height:50px;object-fit:contain;width:50px}.anc-header-title{color:#333;font-size:20px;font-weight:600;margin:0;text-shadow:none}.btn-kembali-anc{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-anc:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.anc-content{background:#f5f5f5;display:flex;gap:0;min-height:calc(100vh - 80px);position:relative}.anc-sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;gap:30px;padding:30px 0;width:220px}.anc-sidebar,.anc-sidebar-profile{display:flex;flex-direction:column}.anc-sidebar-profile{align-items:center;gap:15px;padding:0 20px}.anc-profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:80px;justify-content:center;width:80px}.btn-profil-anc{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.btn-profil-anc:hover{background:#b8417a;transform:scale(1.05)}.anc-sidebar-menu{display:flex;flex-direction:column;gap:25px}.anc-menu-section{display:flex;flex-direction:column;gap:10px;padding:0 20px}.anc-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.anc-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease}.anc-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.anc-menu-icon{display:inline-block;font-size:16px;width:20px}.anc-main-area{flex:1 1;overflow-y:auto;padding:40px}.anc-welcome-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;margin-bottom:30px;padding:40px}.anc-welcome-text{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.anc-action-buttons{display:flex;gap:20px}.anc-action-btn{align-items:center;background:linear-gradient(135deg,#ffffff40,#ffffff26);border:3px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:12px;justify-content:center;min-height:120px;padding:20px 30px;transition:all .3s ease}.anc-action-btn:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);box-shadow:0 6px 20px #ffffff4d;transform:translateY(-3px)}.anc-action-btn svg{height:40px;width:40px}.anc-riwayat-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.anc-section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.anc-search-bar{display:flex;gap:10px;margin-bottom:20px}.anc-search-input{border:none;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .3s}.anc-search-input:focus{box-shadow:0 0 0 3px #ffffff4d}.anc-filter-wrapper{position:relative}.anc-filter-btn{align-items:center;background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 20px;transition:all .3s ease}.anc-filter-btn:hover{background:#fff6;transform:translateY(-2px)}.anc-filter-dropdown{animation:slideDownAnc .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:55px;z-index:1000}@keyframes slideDownAnc{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.anc-filter-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:12px 18px;transition:all .2s ease}.anc-filter-option:last-child{border-bottom:none}.anc-filter-option:hover{background:#f8f8f8;color:#e91e8c;padding-left:22px}.anc-search-btn{background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.anc-search-btn:hover{background:#fff6;transform:translateY(-2px)}.anc-btn-pulihkan{align-items:center;background:#fff;border:2px solid #fff;border-radius:8px;color:#e91e8c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.anc-btn-pulihkan:hover{background:#e91e8c;box-shadow:0 4px 12px #0000001a;color:#fff;transform:translateY(-2px)}.anc-riwayat-list{display:flex;flex-direction:column;gap:12px}.anc-riwayat-item{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.anc-riwayat-item:hover{background:#ffffff59;transform:translateX(5px)}.anc-riwayat-text{color:#fff;font-size:14px;font-weight:500}.anc-riwayat-actions{display:flex;gap:10px}.anc-btn-delete,.anc-btn-edit{align-items:center;background:linear-gradient(135deg,#e89ac7,#f4a3d2);border:none;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .3s;width:40px}.anc-btn-edit:hover{box-shadow:0 2px 8px #4caf504d}.anc-btn-delete:hover,.anc-btn-edit:hover{background:linear-gradient(135deg,#f4a3d2,#ffb8d9);transform:scale(1.1)}.anc-btn-delete:hover{box-shadow:0 2px 8px #f443364d}.anc-form-container{background:#fff;border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.anc-form{display:flex;flex-direction:column;gap:30px}.anc-form-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;padding:30px}.anc-form-section-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.anc-form-row{display:flex;gap:20px;margin-bottom:15px}.anc-form-row:last-child{margin-bottom:0}.anc-form-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.anc-form-group label{color:#fff;font-size:13px;font-weight:500}.anc-form-group input,.anc-form-group select,.anc-form-group textarea{background:#fff;border:none;border-radius:8px;box-sizing:border-box;font-size:14px;max-width:100%;outline:none;padding:10px 14px;transition:all .3s;width:100%}.anc-form-group input:focus,.anc-form-group select:focus,.anc-form-group textarea:focus{box-shadow:0 0 0 3px #ffffff80}.anc-form-group input::placeholder,.anc-form-group textarea::placeholder{color:#999}.anc-form-group select{cursor:pointer}.anc-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.anc-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.anc-btn-batal,.anc-btn-simpan{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 40px;transition:all .3s}.anc-btn-batal{background:#fff;border:2px solid #e91e8c;color:#e91e8c}.anc-btn-batal:hover{background:#f8f8f8;transform:translateY(-2px)}.anc-btn-simpan{background:#c94c8b;color:#fff}.anc-btn-simpan:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b66;transform:translateY(-2px)}@media (max-width:1200px){.anc-content{flex-direction:column}.anc-sidebar{justify-content:space-between;padding:20px;width:100%}.anc-sidebar,.anc-sidebar-profile{flex-direction:row}.anc-profile-avatar{height:60px;width:60px}.anc-sidebar-menu{flex-direction:row;gap:15px}.btn-profil-anc{padding:8px 16px;width:auto}}@media (max-width:768px){.anc-header{padding:15px 20px}.anc-header-title{font-size:16px}.anc-main-area{padding:20px}.anc-action-buttons,.anc-form-row,.anc-sidebar,.anc-sidebar-menu{flex-direction:column}}@media (max-width:480px){.anc-header{padding:10px 15px}.anc-header-logo-img{height:35px;width:35px}.anc-header-title{font-size:14px}.btn-kembali-anc{font-size:12px;padding:8px 16px}.anc-content{flex-direction:column}.anc-form-container{padding:15px}.anc-form-section{padding:12px}.anc-form-section-title{font-size:14px}.anc-form-group label{font-size:12px}.anc-form-group input,.anc-form-group select,.anc-form-group textarea{font-size:13px;padding:8px 12px}.anc-welcome-text{font-size:14px}.anc-action-btn{font-size:13px;padding:10px 15px;width:100%}.anc-btn-batal,.anc-btn-simpan{font-size:13px;padding:10px 20px}.anc-sidebar{display:none}.anc-main-area{padding:15px;width:100%}.anc-welcome-section{padding:15px}}.layanan-imunisasi-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.imunisasi-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.imunisasi-header-left{gap:15px}.imunisasi-header-left,.imunisasi-header-logo{align-items:center;display:flex}.imunisasi-header-logo-img{height:50px;object-fit:contain;width:50px}.imunisasi-header-title{color:#333;font-size:20px;font-weight:600;margin:0;text-shadow:none}.btn-kembali-imunisasi{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-imunisasi:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.imunisasi-content{background:#f5f5f5;display:flex;gap:0;min-height:calc(100vh - 80px);position:relative}.imunisasi-sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;gap:30px;padding:30px 0;width:220px}.imunisasi-sidebar-profile{align-items:center;display:flex;flex-direction:column;gap:15px;padding:0 20px}.imunisasi-profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:80px;justify-content:center;width:80px}.btn-profil-imunisasi{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.btn-profil-imunisasi:hover{background:#b8417a;transform:scale(1.05)}.imunisasi-sidebar-menu{display:flex;flex-direction:column;gap:25px}.imunisasi-menu-section{display:flex;flex-direction:column;gap:10px;padding:0 20px}.imunisasi-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.imunisasi-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease}.imunisasi-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.imunisasi-menu-icon{display:inline-block;font-size:16px;width:20px}.imunisasi-main-area{flex:1 1;overflow-y:auto;padding:40px}.imunisasi-welcome-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;margin-bottom:30px;padding:40px}.imunisasi-welcome-text{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.imunisasi-action-buttons{display:flex;gap:20px}.imunisasi-action-btn{align-items:center;background:linear-gradient(135deg,#ffffff40,#ffffff26);border:3px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:12px;justify-content:center;min-height:120px;padding:20px 30px;transition:all .3s ease}.imunisasi-action-btn:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);box-shadow:0 6px 20px #ffffff4d;transform:translateY(-3px)}.imunisasi-action-btn svg{height:40px;width:40px}.imunisasi-riwayat-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.imunisasi-section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.imunisasi-search-bar{display:flex;gap:10px;margin-bottom:20px}.imunisasi-search-input{border:none;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .3s}.imunisasi-search-input:focus{box-shadow:0 0 0 3px #ffffff4d}.imunisasi-filter-wrapper{position:relative}.imunisasi-filter-btn{align-items:center;background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 20px;transition:all .3s ease}.imunisasi-filter-btn:hover{background:#fff6;transform:translateY(-2px)}.imunisasi-filter-dropdown{animation:slideDownImunisasi .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:55px;z-index:1000}@keyframes slideDownImunisasi{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.imunisasi-filter-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:12px 18px;transition:all .2s ease}.imunisasi-filter-option:last-child{border-bottom:none}.imunisasi-filter-option:hover{background:#f8f8f8;color:#e91e8c;padding-left:22px}.imunisasi-search-btn{background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.imunisasi-search-btn:hover{background:#fff6;transform:translateY(-2px)}.imunisasi-btn-pulihkan{align-items:center;background:#fff;border:2px solid #fff;border-radius:8px;color:#e91e8c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.imunisasi-btn-pulihkan:hover{background:#e91e8c;box-shadow:0 4px 12px #0000001a;color:#fff;transform:translateY(-2px)}.imunisasi-riwayat-list{display:flex;flex-direction:column;gap:12px}.imunisasi-riwayat-item{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.imunisasi-riwayat-item:hover{background:#ffffff59;transform:translateX(5px)}.imunisasi-riwayat-text{color:#fff;font-size:14px;font-weight:500}.imunisasi-riwayat-actions{display:flex;gap:10px}.imunisasi-btn-delete,.imunisasi-btn-edit{align-items:center;background:linear-gradient(135deg,#e89ac7,#f4a3d2);border:none;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .3s;width:40px}.imunisasi-btn-edit:hover{box-shadow:0 2px 8px #4caf504d}.imunisasi-btn-delete:hover,.imunisasi-btn-edit:hover{background:linear-gradient(135deg,#f4a3d2,#ffb8d9);transform:scale(1.1)}.imunisasi-btn-delete:hover{box-shadow:0 2px 8px #f443364d}.imunisasi-form-container{background:#fff;border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.imunisasi-form{display:flex;flex-direction:column;gap:30px}.imunisasi-form-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;padding:30px}.imunisasi-form-section-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.imunisasi-form-row{display:flex;gap:20px;margin-bottom:15px}.imunisasi-form-row:last-child{margin-bottom:0}.imunisasi-form-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.imunisasi-form-group label{color:#fff;font-size:13px;font-weight:500}.imunisasi-form-group input,.imunisasi-form-group select,.imunisasi-form-group textarea{background:#fff;border:none;border-radius:8px;box-sizing:border-box;font-size:14px;max-width:100%;outline:none;padding:10px 14px;transition:all .3s;width:100%}.imunisasi-form-group input:focus,.imunisasi-form-group select:focus,.imunisasi-form-group textarea:focus{box-shadow:0 0 0 3px #ffffff80}.imunisasi-form-group input::placeholder,.imunisasi-form-group textarea::placeholder{color:#999}.imunisasi-form-group select{cursor:pointer}.imunisasi-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.imunisasi-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.imunisasi-btn-batal,.imunisasi-btn-simpan{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 40px;transition:all .3s}.imunisasi-btn-batal{background:#fff;border:2px solid #e91e8c;color:#e91e8c}.imunisasi-btn-batal:hover{background:#f8f8f8;transform:translateY(-2px)}.imunisasi-btn-simpan{background:#c94c8b;color:#fff}.imunisasi-btn-simpan:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b66;transform:translateY(-2px)}@media (max-width:1200px){.imunisasi-content{flex-direction:column}.imunisasi-sidebar{flex-direction:row;justify-content:space-between;padding:20px;width:100%}.imunisasi-sidebar-profile{flex-direction:row}.imunisasi-profile-avatar{height:60px;width:60px}.imunisasi-sidebar-menu{flex-direction:row;gap:15px}.btn-profil-imunisasi{padding:8px 16px;width:auto}}@media (max-width:768px){.imunisasi-header{padding:15px 20px}.imunisasi-header-title{font-size:16px}.imunisasi-main-area{padding:20px}.imunisasi-action-buttons,.imunisasi-form-row,.imunisasi-sidebar,.imunisasi-sidebar-menu{flex-direction:column}}@media (max-width:480px){.imunisasi-header{padding:10px 15px}.imunisasi-header-logo-img{height:35px;width:35px}.imunisasi-header-title{font-size:14px}.btn-kembali-imunisasi{font-size:12px;padding:8px 16px}.imunisasi-content{flex-direction:column}.imunisasi-form-container{padding:15px}.imunisasi-form-section{padding:12px}.imunisasi-form-section-title{font-size:14px}.imunisasi-form-group label{font-size:12px}.imunisasi-form-group input,.imunisasi-form-group select,.imunisasi-form-group textarea{font-size:13px;padding:8px 12px}.imunisasi-welcome-text{font-size:14px}.imunisasi-action-btn{font-size:13px;padding:10px 15px;width:100%}.imunisasi-btn-batal,.imunisasi-btn-simpan{font-size:13px;padding:10px 20px}.imunisasi-sidebar{display:none}.imunisasi-main-area{padding:15px;width:100%}.imunisasi-welcome-section{padding:15px}}.layanan-kunjungan-page{background:#f5f5f5;margin:0;min-height:100vh;padding:0}.kunjungan-header{align-items:center;background:#fff;border:1px solid #e89ac7;border-radius:15px;box-shadow:0 4px 12px #e89ac726;display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.kunjungan-header-left{gap:15px}.kunjungan-header-left,.kunjungan-header-logo{align-items:center;display:flex}.kunjungan-header-logo-img{height:50px;object-fit:contain;width:50px}.kunjungan-header-title{color:#333;font-size:20px;font-weight:600;margin:0;text-shadow:none}.btn-kembali-kunjungan{background:#c94c8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-kembali-kunjungan:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b4d;transform:translateY(-2px)}.kunjungan-content{background:#faf1f5;display:flex;gap:0;min-height:calc(100vh - 80px);position:relative}.kunjungan-sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;gap:30px;padding:30px 0;width:220px}.kunjungan-sidebar-profile{align-items:center;display:flex;flex-direction:column;gap:15px;padding:0 20px}.kunjungan-profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:80px;justify-content:center;width:80px}.btn-profil-kunjungan{background:#c94c8b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.btn-profil-kunjungan:hover{background:#b8417a;transform:scale(1.05)}.kunjungan-sidebar-menu{display:flex;flex-direction:column;gap:25px}.kunjungan-menu-section{display:flex;flex-direction:column;gap:10px;padding:0 20px}.kunjungan-menu-title{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:8px;color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;padding:10px}.kunjungan-menu-item{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease}.kunjungan-menu-item:hover{background:#f8f8f8;transform:translateX(5px)}.kunjungan-menu-icon{display:inline-block;font-size:16px;width:20px}.kunjungan-main-area{flex:1 1;overflow-y:auto;padding:40px}.kunjungan-welcome-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;margin-bottom:30px;padding:40px}.kunjungan-welcome-text{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.kunjungan-action-buttons{display:flex;gap:20px}.kunjungan-action-btn{align-items:center;background:linear-gradient(135deg,#ffffff40,#ffffff26);border:3px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:12px;justify-content:center;min-height:120px;padding:20px 30px;transition:all .3s ease}.kunjungan-action-btn:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);box-shadow:0 6px 20px #ffffff4d;transform:translateY(-3px)}.kunjungan-action-btn svg{height:40px;width:40px}.kunjungan-riwayat-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.kunjungan-section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.kunjungan-search-bar{display:flex;gap:10px;margin-bottom:20px}.kunjungan-search-input{border:none;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .3s}.kunjungan-search-input:focus{box-shadow:0 0 0 3px #ffffff4d}.kunjungan-filter-wrapper{position:relative}.kunjungan-filter-btn{align-items:center;background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 20px;transition:all .3s ease}.kunjungan-filter-btn:hover{background:#fff6;transform:translateY(-2px)}.kunjungan-filter-dropdown{animation:slideDownKunjungan .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:55px;z-index:1000}@keyframes slideDownKunjungan{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kunjungan-filter-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:12px 18px;transition:all .2s ease}.kunjungan-filter-option:last-child{border-bottom:none}.kunjungan-filter-option:hover{background:#f8f8f8;color:#e91e8c;padding-left:22px}.kunjungan-search-btn{background:#ffffff4d;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.kunjungan-search-btn:hover{background:#fff6;transform:translateY(-2px)}.kunjungan-btn-pulihkan{align-items:center;background:#fff;border:2px solid #fff;border-radius:8px;color:#e91e8c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.kunjungan-btn-pulihkan:hover{background:#e91e8c;box-shadow:0 4px 12px #0000001a;color:#fff;transform:translateY(-2px)}.kunjungan-riwayat-list{display:flex;flex-direction:column;gap:12px}.kunjungan-riwayat-item{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:15px 20px;position:relative;transition:all .3s ease;z-index:1}.kunjungan-riwayat-item:hover{background:#ffffff59;transform:translateX(5px)}.kunjungan-riwayat-text{color:#fff;font-size:14px;font-weight:500}.kunjungan-riwayat-actions{display:flex;gap:10px;position:relative;z-index:100}.kunjungan-btn-delete,.kunjungan-btn-edit{align-items:center;background:linear-gradient(135deg,#e89ac7,#f4a3d2);border:none;border-radius:6px;cursor:pointer!important;display:flex;height:40px;justify-content:center;padding:10px;pointer-events:auto!important;position:relative;transition:all .3s;width:40px;z-index:1000}.kunjungan-btn-delete img,.kunjungan-btn-edit img{pointer-events:none;-webkit-user-select:none;user-select:none}.kunjungan-btn-edit:hover{box-shadow:0 2px 8px #4caf504d}.kunjungan-btn-delete:hover,.kunjungan-btn-edit:hover{background:linear-gradient(135deg,#f4a3d2,#ffb8d9);transform:scale(1.1)}.kunjungan-btn-delete:hover{box-shadow:0 2px 8px #f443364d}.kunjungan-form-container{background:#fff;border-radius:30px;box-shadow:0 8px 30px #00000026;padding:40px}.kunjungan-form{display:flex;flex-direction:column;gap:30px}.kunjungan-form-section{background:linear-gradient(135deg,#e89ac7,#d987be);border-radius:20px;padding:30px}.kunjungan-form-section-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.kunjungan-form-row{display:flex;gap:20px;margin-bottom:15px}.kunjungan-form-row:last-child{margin-bottom:0}.kunjungan-form-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.kunjungan-form-group label{color:#fff;font-size:13px;font-weight:500}.kunjungan-form-group input,.kunjungan-form-group select,.kunjungan-form-group textarea{background:#fff;border:none;border-radius:8px;box-sizing:border-box;font-size:14px;max-width:100%;outline:none;padding:10px 14px;transition:all .3s;width:100%}.kunjungan-form-group input:focus,.kunjungan-form-group select:focus,.kunjungan-form-group textarea:focus{box-shadow:0 0 0 3px #ffffff80}.kunjungan-form-group input::placeholder,.kunjungan-form-group textarea::placeholder{color:#999}.kunjungan-form-group select{cursor:pointer}.kunjungan-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.kunjungan-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.kunjungan-btn-batal,.kunjungan-btn-simpan{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 40px;pointer-events:auto;position:relative;transition:all .3s;z-index:10}.kunjungan-btn-batal{background:#fff;border:2px solid #e91e8c;color:#e91e8c}.kunjungan-btn-batal:hover{background:#f8f8f8;transform:translateY(-2px)}.kunjungan-btn-simpan{background:#c94c8b;color:#fff}.kunjungan-btn-simpan:hover{background:#b8417a;box-shadow:0 4px 12px #c94c8b66;transform:translateY(-2px)}@media (max-width:1200px){.kunjungan-content{flex-direction:column}.kunjungan-sidebar{flex-direction:row;justify-content:space-between;padding:20px;width:100%}.kunjungan-sidebar-profile{flex-direction:row}.kunjungan-profile-avatar{height:60px;width:60px}.kunjungan-sidebar-menu{flex-direction:row;gap:15px}.btn-profil-kunjungan{padding:8px 16px;width:auto}}@media (max-width:768px){.kunjungan-header{padding:15px 20px}.kunjungan-header-title{font-size:16px}.kunjungan-main-area{padding:20px}.kunjungan-action-buttons,.kunjungan-form-row,.kunjungan-sidebar,.kunjungan-sidebar-menu{flex-direction:column}}@media (max-width:480px){.kunjungan-header{padding:10px 15px}.kunjungan-header-logo-img{height:35px;width:35px}.kunjungan-header-title{font-size:14px}.btn-kembali-kunjungan{font-size:12px;padding:8px 16px}.kunjungan-content{flex-direction:column}.kunjungan-form-container{padding:15px}.kunjungan-form-section{padding:12px}.kunjungan-form-section-title{font-size:14px}.kunjungan-form-group label{font-size:12px}.kunjungan-form-group input,.kunjungan-form-group select,.kunjungan-form-group textarea{font-size:13px;padding:8px 12px}.kunjungan-welcome-text{font-size:14px}.kunjungan-action-btn{font-size:13px;padding:10px 15px;width:100%}.kunjungan-btn-batal,.kunjungan-btn-simpan{font-size:13px;padding:10px 20px}.kunjungan-sidebar{display:none}.kunjungan-main-area{padding:15px;width:100%}.kunjungan-welcome-section{padding:15px}}
/*# sourceMappingURL=main.7d00011e.css.map*/