@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;600;700&display=swap";*{box-sizing:border-box;font-family:Inter,sans-serif}body{margin:0;padding:0;background-color:#f8fafc;color:#334155;-webkit-font-smoothing:antialiased}.dashboard-content{padding:24px;animation:fadeIn .4s ease-in-out;min-height:calc(100vh - 70px)}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d,0 10px 15px -5px #00000005;margin-bottom:24px;border:1px solid #e2e8f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#cbd5e1}.stat-icon{width:60px;height:60px;border-radius:14px;display:flex;justify-content:center;align-items:center;font-size:1.6rem}.stat-info h3{margin:0;font-size:1.8rem;color:#0f172a;font-weight:700}.stat-info p{margin:4px 0 0;color:#64748b;font-size:.9rem;font-weight:500}.table-responsive{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background-color:#fff}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th{background-color:#f8fafc;color:#475569;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;padding:16px 24px;text-align:left;border-bottom:1px solid #e2e8f0}.admin-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9rem;vertical-align:middle}.admin-table tbody tr{transition:background-color .2s ease}.admin-table tbody tr:hover{background-color:#f8fafc}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.badge.success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.badge.warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge.danger{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.badge.primary{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.badge.info{background-color:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}@keyframes slideInLeft{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulseStatus{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.sidebar{width:280px;min-width:280px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(0,0,0,.03);box-shadow:4px 0 24px #00000005;z-index:10;white-space:nowrap;overflow-x:hidden;transition:margin-left .35s cubic-bezier(.2,.8,.2,1)}.sidebar.desktop-closed{margin-left:-280px}.sidebar-top{padding:25px 0;overflow-y:auto;overflow-x:hidden}.sidebar-bottom{padding:25px;background:linear-gradient(180deg,#fff0,#fff)}.sidebar-logo{display:flex;align-items:center;gap:15px;padding:0 25px 25px;width:100%;box-sizing:border-box}.sidebar-logo-img{width:44px;height:auto;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sidebar-logo-img:hover{transform:scale(1.1) rotate(-5deg)}.brand{font-weight:800;font-size:1.15rem;color:#0f172a;letter-spacing:-.3px}.menu-label{padding:15px 30px 5px;font-size:.7rem;color:#94a3b8;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sidebar-nav a{display:flex;align-items:center;padding:14px 30px;margin:4px 0;color:#64748b;text-decoration:none;font-weight:500;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:4px solid transparent;width:100%;box-sizing:border-box}.sidebar-nav a i{font-size:1.15rem;width:22px;text-align:center;transition:transform .3s ease}.sidebar-nav a:hover:not(.active-link){background-color:#f8fafc;color:#2563eb;padding-left:36px}.active-link{background:linear-gradient(90deg,#eff6ff,#fff0)!important;color:#2563eb!important;font-weight:600;border-left:4px solid #3b82f6!important}.active-link i{color:#2563eb;transform:scale(1.15)}.profile-switch-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;margin-bottom:15px;box-shadow:0 4px 12px #00000005;transition:all .3s ease;width:100%;box-sizing:border-box}.user-profile-info{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 15px;border-bottom:1px dashed #e2e8f0;border-radius:8px;cursor:pointer;transition:background-color .2s}.user-profile-info:hover{background-color:#e0f2fe}.user-avatar-wrapper{position:relative;width:45px;height:45px;border-radius:50%;overflow:hidden;background-color:#f1f5f9;display:flex;justify-content:center;align-items:center;flex-shrink:0}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar-icon{font-size:30px;color:#cbd5e1}.status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#10b981;border:2px solid #ffffff;border-radius:50%;animation:pulseStatus 2.5s infinite}.user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden;text-overflow:ellipsis}.user-name{font-size:.95rem;font-weight:600;color:#1f2937}.user-role-text{font-size:.75rem;color:#6b7280}.settings-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;background-color:#f8fafc;color:#475569;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .2s;border:1px solid #e2e8f0;width:100%;box-sizing:border-box}.settings-link:hover{background-color:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.settings-link.active-link{background:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important}.settings-link i{font-size:1rem}.logout-btn-premium{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#fff;color:#ef4444;padding:14px;border-radius:14px;font-weight:600;font-size:.9rem;text-decoration:none;border:1px solid #fecaca;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.logout-btn-premium:hover{background-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #ef444433;border-color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeInScale .2s ease-out forwards}.modal-content{background:#fff;padding:30px;border-radius:16px;width:400px;max-width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;white-space:normal}@media(max-width:992px){.sidebar{position:fixed;top:0;left:-100%;height:100vh;width:280px;z-index:999;margin-left:0;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 25px #0000001a;opacity:1}.sidebar.open{left:0}}.submenu-container{display:flex;flex-direction:column;overflow:hidden;animation:slideDownMenu .25s cubic-bezier(.4,0,.2,1) forwards}.submenu-link{padding-left:45px!important}.submenu-link:hover:not(.active-link){padding-left:52px!important}@keyframes slideDownMenu{0%{max-height:0;opacity:0}to{max-height:250px;opacity:1}}.top-navbar{height:75px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid rgba(0,0,0,.06);z-index:5}.nav-left{display:flex;align-items:center;gap:15px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.mobile-menu-btn:hover{transform:scale(1.1) rotate(-5deg)}.navbar-logo-btn{width:40px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media(min-width:993px){.hide-on-desktop{display:none!important}}.page-title{font-size:1.3rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.nav-right{display:flex;align-items:center;gap:20px}.nav-date-badge{font-size:.85rem;font-weight:600;background-color:#f1f5f9;color:#475569;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px}.nav-date-badge i{color:#3b82f6;font-size:1rem}.date-text-short{display:none}@media(max-width:992px){.top-navbar{padding:0 20px}.page-title{font-size:1.15rem}}@media(max-width:576px){.top-navbar{padding:0 15px}.page-title{font-size:1.05rem}.nav-date-badge{padding:6px 12px;font-size:.8rem}.date-text-long{display:none}.date-text-short{display:inline}}.custom-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.custom-btn i{font-size:.9rem}.btn-md{padding:10px 18px;font-size:.9rem}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:6px}.btn-lg{padding:14px 24px;font-size:1rem;border-radius:10px}.btn-full{width:100%}.btn-primary{background-color:#2563eb;color:#fff;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 4px 6px #2563eb4d;transform:translateY(-1px)}.btn-secondary{background-color:#f1f5f9;color:#475569}.btn-secondary:hover{background-color:#e2e8f0;color:#1e293b}.btn-outline{background-color:transparent;color:#2563eb;border:1.5px solid #bfdbfe}.btn-outline:hover{background-color:#eff6ff;border-color:#2563eb}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.custom-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fade-in-content{animation:fadeInScale .5s cubic-bezier(.16,1,.3,1) forwards}.dashboard-container{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:#f4f7fa;font-family:Inter,system-ui,sans-serif}.main-content{flex:1;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden}.content-area{flex:1;overflow-y:auto;padding:30px 35px;overflow-x:hidden}.sidebar-mobile-overlay{position:fixed;inset:0;background-color:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.content-area{padding:20px 15px}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}:root{--blue: #0056b3;--light-blue: #e7f1ff;--dark: #212529;--gray: #6c757d;--white: #ffffff;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:90px}body{font-family:Public Sans,sans-serif;line-height:1.6;color:var(--dark);background-color:var(--white);overflow-x:hidden}.container{max-width:1440px;margin:0 auto;padding:0 50px;width:100%}.text-center{text-align:center}.mt-50{margin-top:50px}.fade-in-content{animation:fadeIn .8s ease-in-out}#header{background:var(--white);padding:15px 0;box-shadow:0 2px 10px #0000000d;position:fixed;width:100%;top:0;left:0;z-index:1000}.header-flex{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{display:flex;align-items:center;gap:12px}.logo img{height:45px}.brand{font-weight:700;font-size:1.1rem;color:var(--blue);text-transform:uppercase}.tag{font-size:.65rem;color:var(--gray);font-weight:600;display:block}.nav-wrapper{display:flex;flex:1;align-items:center}.nav-links{list-style:none;display:flex;gap:20px;margin:0 auto}.nav-links a{text-decoration:none;color:var(--dark);font-weight:600;font-size:.95rem;padding:10px 18px;border-radius:8px;transition:var(--transition)}.nav-links a:hover{color:var(--blue);background-color:#0056b314}.nav-login{margin-left:auto}.btn-nav{background:var(--blue);color:#fff!important;padding:10px 22px;border-radius:8px;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;font-weight:600}.btn-nav:hover{background-color:#004494;transform:translateY(-2px);box-shadow:0 4px 10px #0056b333}.menu-toggle{display:none;font-size:1.6rem;cursor:pointer;color:var(--blue);z-index:1001}.hero{padding:155px 0 80px;background:linear-gradient(135deg,var(--light-blue) 0%,var(--white) 100%)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-text h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin-bottom:25px}.blue{color:var(--blue)}.hero-text p{font-size:1.1rem;color:var(--gray);margin-bottom:35px}.hero-actions{display:flex;gap:15px}.btn-main,.btn-outline{padding:13px 30px;text-decoration:none;border-radius:6px;font-weight:700;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.btn-main{background:var(--blue);color:#fff;border:2px solid var(--blue)}.btn-main:hover{background:#004494;border-color:#004494;transform:translateY(-2px)}.btn-outline{border:2px solid var(--blue);color:var(--blue)}.btn-outline:hover{background-color:var(--light-blue);transform:translateY(-2px)}.hero-image img{width:100%;border-radius:20px;box-shadow:20px 20px #0056b31a}.stats-visual{padding:90px 0;background:#f8fbff}.stats-visual-header{text-align:center;max-width:760px;margin:0 auto 45px}.stats-visual-header h2{font-size:clamp(2rem,4vw,2.6rem);color:var(--dark);margin-bottom:14px}.stats-visual-header p{color:var(--gray);line-height:1.8;font-size:1rem}.stats-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.visual-card{background:#fff;border:1px solid #e8eef6;border-radius:22px;padding:28px;box-shadow:0 10px 24px #0000000d;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.visual-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 22px 40px #0056b31f!important;border-color:#cce3ff!important;z-index:2;position:relative}.visual-card h4{font-size:1.05rem;margin-bottom:18px;color:var(--dark)}.visual-card p{margin-top:18px;color:var(--gray);font-size:.95rem;line-height:1.7}.donut-wrap{display:flex;justify-content:center;align-items:center;min-height:180px}.donut-chart{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--blue) 0 78%,#dcecff 78% 100%);display:flex;justify-content:center;align-items:center}.donut-center{width:92px;height:92px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1.3rem;font-weight:700}.bars-list{display:flex;flex-direction:column;gap:16px;min-height:180px;justify-content:center}.bars-item{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.bars-item span{font-size:.92rem;font-weight:600;color:var(--dark)}.bars-track{width:100%;height:10px;background:#e8f1fb;border-radius:999px;overflow:hidden}.bars-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),#3f8cff)}.fill-90{width:90%}.fill-70{width:70%}.fill-55{width:55%}.line-chart-box{min-height:180px;background:linear-gradient(to top,#0056b30f,#0056b303);border-radius:16px;padding:18px;color:var(--blue);display:flex;align-items:center}.line-chart-box svg{width:100%;height:120px}.card-wide{grid-column:span 2}@media(max-width:992px){.stats-visual-grid{grid-template-columns:repeat(2,1fr)}.card-wide{grid-column:span 2}}@media(max-width:768px){.card-wide{grid-column:span 1}}.tentang-subtitle{color:var(--blue);text-transform:uppercase;letter-spacing:2px;margin:0 0 10px}.tentang-title{text-align:left;margin:0 0 20px}.section-padding{padding:80px 0}.section-title{font-size:2.2rem;margin-bottom:10px}.section-subtitle{color:var(--gray);margin-bottom:40px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;padding:40px;border-radius:15px;border:1px solid #eee;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.feature-card:hover{transform:translateY(-10px) scale(1.03)!important;box-shadow:0 20px 35px #0056b31f!important;border-color:#cce3ff!important;z-index:2;position:relative}.feature-card h3{font-size:1.3rem;margin-bottom:15px;color:var(--dark);text-align:center}.feature-card .icon{font-size:2.5rem;color:var(--blue);margin-bottom:20px;text-align:center;display:block}.skema-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--light-blue);color:var(--blue);font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid rgba(0,86,179,.12)}.footer-section{background:#f8f9fa;padding:70px 0 0;border-top:1px solid #eee}.grid-footer{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:40px;padding-bottom:40px}.footer-about p{margin-top:15px;color:var(--gray);font-size:.9rem}.social-links-footer{display:flex;gap:15px;margin-top:20px}.social-links-footer a{font-size:1.4rem;color:var(--blue);transition:var(--transition)}.footer-links ul{list-style:none;margin-top:15px}.footer-links li{margin-bottom:10px}.footer-links a{text-decoration:none;color:var(--gray);font-size:.9rem;transition:.3s}.footer-links a:hover{color:var(--blue);padding-left:5px}.footer-contact div{margin-top:15px}.footer-contact p{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;color:var(--gray)}.footer-contact i{color:var(--blue);width:18px}.footer-bottom{border-top:1px solid #ddd;padding:25px 0;font-size:.85rem;color:var(--gray)}@media(max-width:992px){.menu-toggle{display:block;position:relative;z-index:1005}.nav-wrapper{position:fixed;top:75px;right:-100%;width:320px;max-width:100%;height:calc(100vh - 75px);background:var(--white);padding:40px 30px;box-shadow:-10px 0 20px #0000000d;border-left:1px solid #f1f5f9;flex-direction:column;align-items:center;transition:right .4s cubic-bezier(.25,.8,.25,1);z-index:999;display:flex}.nav-wrapper.active{right:0}.nav-links{flex-direction:column;width:100%;gap:15px;margin:0 0 30px}.nav-links li{width:100%}.nav-links a{display:flex;justify-content:center;width:100%;padding:14px 20px;font-size:1.1rem;border-radius:10px}.nav-links a:hover{transform:scale(1.02);background-color:#0056b314}.nav-login{width:100%;margin:0}.nav-login .btn-nav{width:100%;justify-content:center;padding:15px 0;font-size:1.1rem}.grid-2{grid-template-columns:1fr;text-align:center}.tentang-title,.tentang-subtitle{text-align:center}.hero-image{order:-1;margin-bottom:30px}.hero-actions{justify-content:center;flex-direction:row}.grid-3,.grid-footer{grid-template-columns:1fr 1fr}.stats-visual-grid{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:0 25px}.grid-3-center{grid-template-columns:1fr;gap:40px}.grid-3{grid-template-columns:1fr}.grid-footer{grid-template-columns:1fr;gap:40px}.hero-actions{flex-direction:column}.btn-outline,.btn-main{width:100%}.section-title{font-size:1.8rem}.section-padding{padding:50px 0}.hero{padding:120px 0 50px}}@media(max-width:480px){.brand{font-size:.95rem}.logo img{height:38px}.hero-text h1{font-size:1.8rem}.hero-text p{font-size:1rem}.section-title{font-size:1.4rem}}.btn-floating-back{position:fixed;top:90px;left:20px;z-index:999;display:inline-flex;align-items:center;gap:8px;background-color:var(--white);color:var(--blue);border:1px solid var(--blue);padding:8px 18px;border-radius:50px;font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 4px 10px #0000001a;transition:var(--transition)}.btn-floating-back:hover{background-color:var(--blue);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 15px #0056b333}@media(max-width:768px){.btn-floating-back{top:85px;left:15px;padding:8px 12px}.btn-floating-back span{display:none}}.modal-box::-webkit-scrollbar{width:6px}.modal-box::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px;margin:15px 0}.modal-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-box::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sentiment-section{background:#f0f7ff}.sentiment-toggle-bar{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:6px;margin-bottom:12px;box-shadow:0 2px 8px #0000000d}.sentiment-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;border:none;background:transparent;color:#64748b;font-family:Public Sans,sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .25s ease;position:relative}.sentiment-toggle-btn:hover{background:#f1f5f9;color:#0056b3}.sentiment-toggle-btn.active{background:#0056b3;color:#fff}.sentiment-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sentiment-refresh-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#0056b3;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.sentiment-refresh-btn:hover{background:#e7f1ff;transform:rotate(30deg)}.sentiment-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sentiment-loading-box,.sentiment-error-box{text-align:center;padding:50px 20px;color:#64748b;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.sentiment-error-box i{font-size:2rem;color:#f59e0b;margin-bottom:12px;display:block}.sentiment-error-box code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.85rem}.sentiment-spinner{width:40px;height:40px;border:3px solid #e7f1ff;border-top-color:#0056b3;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.sentiment-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.sentiment-stat-card{background:#fff;border:1px solid #e8eef6;border-radius:18px;padding:24px 20px;text-align:center;box-shadow:0 4px 14px #0000000a;transition:all .3s cubic-bezier(.25,.8,.25,1)}.sentiment-stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0056b31a}.sent-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 14px}.sent-stat-number{font-size:2rem;font-weight:800;line-height:1;margin-bottom:6px}.sent-stat-label{font-size:.8rem;color:#64748b;font-weight:500}.sentiment-main-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.sentiment-donut-card,.sentiment-comments-card{background:#fff;border:1px solid #e8eef6;border-radius:20px;padding:28px;box-shadow:0 4px 14px #0000000a;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.sentiment-donut-card:hover,.sentiment-comments-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 24px #0056b314!important}.sentiment-donut-card h4,.sentiment-comments-card h4{font-size:1rem;color:#0f172a;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.donut-chart-wrap{display:flex;justify-content:center;margin:20px 0}.css-donut{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000014}.css-donut-hole{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-pct{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1}.donut-sub{font-size:.7rem;color:#64748b;font-weight:600;margin-top:2px}.donut-legend{display:flex;justify-content:center;gap:20px;font-size:.85rem;color:#475569;font-weight:600}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}.sentiment-feed{max-height:420px;overflow-y:auto;padding-right:6px}.sentiment-feed::-webkit-scrollbar{width:5px}.sentiment-feed::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.sentiment-feed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sentiment-comment-item{padding:14px 16px;border-radius:12px;margin-bottom:10px;border-left:4px solid #e2e8f0;background:#f8fafc;transition:transform .2s ease}.sentiment-comment-item:hover{transform:translate(4px)}.sentiment-comment-item.item-pos{border-left-color:#10b981;background:#f0fdf4}.sentiment-comment-item.item-neg{border-left-color:#ef4444;background:#fff5f5}.comment-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-item-user{font-size:.82rem;font-weight:700;color:#0056b3}.comment-item-badge{font-size:.7rem;padding:2px 10px;border-radius:20px;font-weight:700}.badge-pos{background:#d1fae5;color:#065f46}.badge-neg{background:#fee2e2;color:#991b1b}.badge-netral{background:#f1f5f9;color:#475569}.comment-item-text{font-size:.88rem;color:#475569;line-height:1.5;margin:0 0 8px;font-style:italic}.comment-item-footer{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8}@media(max-width:1024px){.sentiment-stats-row{grid-template-columns:repeat(2,1fr)}.sentiment-main-grid{grid-template-columns:1fr}}@media(max-width:600px){.sentiment-stats-row{grid-template-columns:1fr 1fr}.sentiment-toggle-bar{flex-wrap:wrap;justify-content:center;border-radius:16px}}.sentiment-paste-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px 20px;margin-bottom:28px;box-shadow:0 4px 14px #0000000a;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.sentiment-paste-box:hover{transform:translateY(-5px)!important;box-shadow:0 12px 24px #0056b314!important}.paste-box-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #f1f5f9;margin-bottom:18px}.paste-box-title{font-size:1rem;font-weight:700;color:#0f172a}.paste-reset-btn{display:inline-flex;align-items:center;padding:7px 16px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.paste-reset-btn:hover{background:#f1f5f9;color:#0056b3}.paste-input-area{display:flex;flex-direction:column;gap:12px}.paste-textarea{width:100%;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-family:Public Sans,sans-serif;font-size:.9rem;color:#0f172a;resize:vertical;line-height:1.6;transition:border-color .2s ease;outline:none;box-sizing:border-box}.paste-textarea:focus{border-color:#0056b3;box-shadow:0 0 0 3px #0056b31a}.paste-textarea::placeholder{color:#94a3b8}.paste-action-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.paste-hint{font-size:.82rem;color:#64748b;display:flex;align-items:center;gap:6px}.paste-analyze-btn{display:inline-flex;align-items:center;padding:10px 24px;background:linear-gradient(135deg,#0056b3,#07c);color:#fff;border:none;border-radius:10px;font-family:Public Sans,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #0056b340}.paste-analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #0056b359}.paste-analyze-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sentiment-filter-wrapper{position:relative;display:inline-block;z-index:10}.sentiment-filter-select{appearance:none;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,86,179,.2);border-radius:12px;padding:8px 16px;font-family:Public Sans,sans-serif;font-size:.9rem;font-weight:600;color:#0f172a;cursor:pointer;outline:none;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #00000008;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:160px}.sentiment-filter-select:hover{background:#fffffff2;border-color:#0056b366;box-shadow:0 6px 16px #0056b31a;transform:translateY(-1px)}.filter-icon{color:#64748b;font-size:.8rem;transition:transform .3s ease}.filter-icon.open{transform:rotate(180deg);color:#0056b3}.custom-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:100%;min-width:160px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,86,179,.1);border-radius:12px;box-shadow:0 10px 25px #00000014;padding:6px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.25,.8,.25,1)}.custom-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.custom-dropdown-item{padding:10px 14px;border-radius:8px;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s ease;font-weight:500}.custom-dropdown-item:hover{background:#f1f5f9;color:#0056b3;transform:translate(4px)}.custom-dropdown-item.active{background:#e7f1ff;color:#0056b3;font-weight:700}.cert-page{background-color:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.cert-header{position:sticky;top:0;z-index:1000;background-color:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);padding:15px 20px;display:flex;justify-content:center}.cert-container{flex:1;padding:50px 20px;display:flex;align-items:center;justify-content:center}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;width:100%}.cert-card{background:#fff;border-radius:16px;padding:45px;box-shadow:0 20px 40px #00000014;border:1px solid #f1f5f9;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.cert-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #1d4ed81f}.left-card{justify-content:center}.cert-icon{text-align:center;margin-bottom:20px;font-size:3.5rem;color:#3b82f6}.cert-title{color:#0f172a;font-size:1.8rem;font-weight:800;margin-bottom:10px;text-align:center}.cert-subtitle{color:#64748b;font-size:.95rem;line-height:1.6;text-align:center;margin-bottom:30px}.cert-input{width:100%;padding:16px;border-radius:8px;border:2px solid #e2e8f0;font-size:1rem;outline:none;box-sizing:border-box}.cert-input:focus{border-color:#3b82f6}.cert-btn{padding:16px;font-size:1.1rem;border-radius:8px;border:none;cursor:pointer;background:#1d4ed8;color:#fff;font-weight:700;margin-top:15px;width:100%}.right-card{text-align:center;justify-content:flex-start;padding:35px 30px}.right-card-title{color:#1e293b;font-size:1.15rem;font-weight:700;margin-bottom:25px}.cert-image-wrapper{background:#f1f5f9;border-radius:12px;padding:0;margin-bottom:20px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:zoom-in;position:relative}.cert-sample-img{width:100%;height:auto;border-radius:12px;object-fit:cover;transition:transform .15s ease-out;transform-origin:center center}.cert-image-wrapper:hover .cert-sample-img{transform:scale(1.8);transition:transform .4s ease-out .25s}.cert-instruction{font-size:.9rem;color:#64748b;line-height:1.6}.cert-result{margin-top:30px;padding:25px;border-radius:12px;border:1px solid transparent;animation:fadeIn .4s ease}.result-valid{border-color:#10b981;background:#ecfdf5}.result-invalid{border-color:#ef4444;background:#fef2f2;text-align:center}.res-head{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;margin-bottom:20px}.result-valid .res-head{color:#059669}.result-invalid .res-head{color:#b91c1c;justify-content:center}.res-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.res-table td{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.res-table tr:last-child td{border-bottom:none}.res-table .label{color:#64748b;width:40%}.res-table .value{font-weight:700;color:#1e293b}@media(max-width:860px){.cert-grid{grid-template-columns:1fr;max-width:600px}}@media(max-width:480px){.cert-card{padding:30px 20px}.cert-title{font-size:1.4rem}.cert-input{padding:14px 15px}}.skema-page{background-color:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.skema-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;padding:15px 20px;display:flex;justify-content:center}.skema-hero{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:40px 20px 60px;border-bottom:4px solid #3b82f6}.skema-hero-icon{font-size:3rem;color:#60a5fa;margin-bottom:15px}.skema-hero-title{font-size:2.2rem;margin-bottom:10px;font-weight:800}.skema-hero-desc{color:#cbd5e1;font-size:1rem;max-width:600px;margin:0 auto}.skema-content{padding:50px 20px 80px;flex:1;margin-top:-30px}.skema-card{padding:30px;background:#fff;border-radius:12px;box-shadow:0 10px 20px #0000000a;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.skema-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 35px #0056b31f!important;border-color:#cce3ff!important;z-index:2;position:relative}.skema-card-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;border-bottom:1px solid #e2e8f0;padding-bottom:20px;margin-bottom:20px}.skema-card-icon{background:#eff6ff;width:65px;height:65px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:2rem;color:#3b82f6}.skema-card-title{font-size:1.2rem;color:#0f172a;margin:0;font-weight:700}.skema-kategori-badge{background-color:#e7f1ff;color:#0056b3;padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:700;display:inline-block}.skema-item{display:flex;align-items:center;justify-content:center;gap:10px;color:#475569;padding:12px 5px;font-size:.95rem;text-align:center}.skema-item i{color:#10b981;font-size:1rem}.skema-item span{font-weight:500}.btn-back-dark{background-color:#ffffff1a;color:#fff;border-color:#fff3;margin-bottom:30px}.btn-back-dark:hover{background-color:#fff3;color:#fff}.btn-see-more{background-color:transparent;color:#0056b3;border:2px solid #0056b3;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;width:100%}.btn-see-more:hover{background-color:#0056b3;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0056b333}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;width:100%;max-width:500px;border-radius:16px;padding:35px 30px;position:relative;box-shadow:0 25px 50px #00000026;animation:popUp .4s cubic-bezier(.25,.8,.25,1);max-height:90vh;overflow-y:auto}@keyframes popUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;color:#64748b;font-size:1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.modal-header{text-align:center;border-bottom:1px solid #e2e8f0;padding-bottom:25px;margin-bottom:20px}.skema-list-popup{list-style:none;padding:0;margin:0;transform:translateZ(0)}.skema-list-popup li{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-bottom:1px solid #f1f5f9;color:#475569;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:transform .2s ease-in-out}.skema-list-popup li:last-child{border-bottom:none}.skema-list-popup li i{color:#10b981;font-size:1.1rem;margin-top:3px}.skema-list-popup li:hover{background-color:#e2e8f0;transform:translate(5px)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e7f1ff,#0056b3);font-family:Public Sans,sans-serif;padding:20px}.login-card{background-color:#fff;width:100%;max-width:420px;border-radius:16px;box-shadow:0 20px 40px #0003;padding:40px 35px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background-color:#0056b3}.login-header{text-align:center;margin-bottom:25px}.login-logo{height:60px;margin-bottom:15px;cursor:pointer;transition:transform .3s}.login-logo:hover{transform:scale(1.05)}.login-header h2{font-size:1.5rem;color:#1e293b;margin:0 0 5px}.login-header p{font-size:.9rem;color:#64748b;margin:0}.login-error-msg{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:12px;border-radius:8px;font-size:.85rem;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:8px}.input-with-icon{position:relative}.input-with-icon .fa-user,.input-with-icon .fa-lock{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;z-index:2}.input-with-icon input{width:100%;padding:12px 45px;border:1px solid #ced4da;border-radius:8px;font-size:.95rem;font-family:inherit;color:#212529;transition:all .3s ease;background-color:#f8f9fa;outline:none;box-sizing:border-box}.input-with-icon input:focus{border-color:#0056b3;background-color:#fff;box-shadow:0 0 0 3px #0056b31a}.login-submit-btn{background-color:#0056b3;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:background-color .3s,transform .2s;margin-top:10px;width:100%}.login-submit-btn:hover:not(:disabled){background-color:#004494}.login-submit-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.login-footer{margin-top:25px;text-align:center}.login-footer a{color:#64748b;text-decoration:none;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.login-footer a:hover{color:#0056b3}.toggle-password-icon{position:absolute;right:15px;left:auto!important;top:50%;transform:translateY(-50%);cursor:pointer;color:#6c757d;font-size:1.1rem;transition:color .2s ease;z-index:2}.toggle-password-icon:hover{color:#0056b3}.table-peserta-wrapper{width:100%;background-color:#fff}.table-responsive-excel{max-height:60vh;overflow-x:auto;overflow-y:auto;border:1px solid #cbd5e1;border-radius:8px}.table-responsive-excel::-webkit-scrollbar{height:10px;width:10px}.table-responsive-excel::-webkit-scrollbar-track{background:#f8fafc;border-radius:0 0 8px 8px}.table-responsive-excel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:2px solid #f8fafc}.table-responsive-excel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.excel-table{width:100%;min-width:1500px;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.excel-table th,.excel-table td{border:1px solid #cbd5e1;padding:12px 15px}.excel-table th{background-color:#f1f5f9;color:#0f172a;font-weight:600;text-align:center;vertical-align:middle;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.excel-table td{color:#334155;vertical-align:middle}.excel-table tbody tr{transition:background-color .2s ease}.excel-table tbody tr:hover{background-color:#f8fafc}.ui-modal-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.ui-modal-box{background-color:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.ui-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.ui-modal-title{margin:0;font-size:1.25rem;color:#0f172a;font-weight:700}.ui-modal-close{background:transparent;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;transition:color .2s;padding:4px}.ui-modal-close:hover{color:#ef4444}.ui-modal-body{padding:24px;overflow-y:auto}.fade-in-scale{animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.pengaturan-container{padding:40px 30px 30px;font-family:Public Sans,Inter,sans-serif;color:#334155;display:block}.pengaturan-header{margin-bottom:30px;width:100%;text-align:left}.pengaturan-header h2{margin:0 0 8px;color:#0f172a;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.text-muted{color:#64748b;margin:0;font-size:.95rem}.pengaturan-content-wrapper{width:100%;max-width:550px;margin:0 auto}.pengaturan-card{background-color:#fff;border-radius:12px;border:1px solid #e2e8f0}.shadow-sm{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;background-color:#f8fafc;border-radius:12px 12px 0 0}.card-header h3{margin:0;font-size:1.15rem;color:#1e293b;display:flex;align-items:center;font-weight:600}.text-blue{color:#3b82f6}.icon-spacing{margin-right:10px}.card-body{padding:24px}.pengaturan-form{display:flex;flex-direction:column;gap:20px}.form-group-custom{display:flex;flex-direction:column;gap:8px}.form-group-custom label{font-size:.875rem;font-weight:600;color:#475569}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#94a3b8;font-size:.9rem;pointer-events:none}.form-input-custom{width:100%;padding:12px 16px 12px 40px;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;color:#1e293b;background-color:#fff;transition:all .2s ease-in-out;box-sizing:border-box}.form-input-custom::placeholder{color:#cbd5e1;font-weight:400}.form-input-custom:hover{border-color:#94a3b8}.form-input-custom:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-input-custom:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.submit-action-area{margin-top:15px;padding-top:20px;border-top:1px dashed #e2e8f0}.btn-update-password{background-color:#3b82f6!important;color:#fff!important;border:none!important;padding:12px 16px!important;border-radius:8px!important;font-weight:600!important;font-size:1rem!important;transition:all .2s ease!important;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.btn-update-password:hover:not(:disabled){background-color:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f633}.btn-update-password.btn-loading{background-color:#94a3b8!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.fade-in-content{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.pengaturan-container,.card-header,.card-body{padding:20px 15px}}