:root{--bs-primary: #4338ca;--bs-primary-rgb: 67, 56, 202;--primary-gradient: linear-gradient(135deg, #4338ca 0%, #312e81 100%);--surface-gradient: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);--ypsa-main-color: linear-gradient(135deg, #1896ac, #0296e6);--ypsa-main-color-light: linear-gradient(135deg, #22b8d1, #1896ac);--ypsa-main-color-dark: linear-gradient(135deg, #0d7b8d, #0174b2);--ypsa-base-cyan: #1896ac;--ypsa-base-blue: #0296e6}.bg-ypsa-main{background:var(--ypsa-main-color)!important}.bg-ypsa-main-light{background:var(--ypsa-main-color-light)!important}.bg-ypsa-main-dark{background:var(--ypsa-main-color-dark)!important}.text-ypsa-main{color:var(--ypsa-base-cyan)!important}.btn-ypsa-main{background:var(--ypsa-main-color);border:none;color:#fff;transition:all .3s ease}.btn-ypsa-main:hover{background:var(--ypsa-main-color-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0296e64d}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}body.admin-pegawai-text{font-size:18px;line-height:1.6}body.admin-pegawai-text .table,body.admin-pegawai-text .form-control,body.admin-pegawai-text .input-group-text,body.admin-pegawai-text .btn{font-size:1rem}.text-primary{color:var(--bs-primary)!important}.bg-primary{background-color:var(--bs-primary)!important}.btn-primary{background-color:var(--bs-primary);border-color:var(--bs-primary);transition:all .2s ease}.btn-primary:hover{background-color:#312e81;border-color:#312e81;transform:translateY(-1px)}.btn-outline-primary{color:var(--bs-primary);border-color:var(--bs-primary)}.btn-outline-primary:hover{background-color:var(--bs-primary);border-color:var(--bs-primary)}.hero-section{background:var(--surface-gradient);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#4338ca14,#fff0 70%);border-radius:50%;z-index:0}.glass-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 40px -10px #0000001a;border-radius:16px}.feature-card{transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #0000001a!important}.avatar-lg-soft{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:28px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeInUp .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.hover-primary:hover{color:var(--bs-primary)!important;transition:color .2s ease}input[type=date]{position:relative;padding-right:25px;color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{opacity:1;display:block;cursor:pointer;position:absolute;right:10px}body[data-sidebar=light] .vertical-menu{background:#fff!important;box-shadow:0 .75rem 1.5rem #12263f08}body[data-sidebar=light] #side-menu li a{color:#545a6d!important;font-weight:500;position:relative;display:flex;align-items:center}body[data-sidebar=light] #side-menu li a span{position:relative}body[data-sidebar=light] #side-menu li a span:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:var(--ypsa-main-color);transition:width .3s ease}body[data-sidebar=light] #side-menu li a:hover span:after,body[data-sidebar=light] #side-menu li.mm-active>a span:after{width:100%}body[data-sidebar=light] #side-menu li a i{color:var(--ypsa-base-cyan)!important;font-size:1.1rem}body[data-sidebar=light] #side-menu li a:hover,body[data-sidebar=light] #side-menu li a.active,body[data-sidebar=light] #side-menu li.mm-active>a{color:var(--ypsa-base-blue)!important;background-color:#0296e60d}body[data-sidebar=light] #side-menu li.mm-active>a i{color:var(--ypsa-base-blue)!important}body[data-sidebar=light] .menu-title{color:var(--ypsa-base-cyan)!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em}body[data-sidebar=light] .navbar-brand-box{background:#fff!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--ypsa-base-cyan);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--ypsa-base-blue)}.footer{background-color:#fff!important;border-top:1px solid rgba(0,0,0,.05);color:#74788d;height:60px;display:flex;align-items:center;box-shadow:0 -4px 12px #00000005}.footer-link{color:var(--ypsa-base-cyan);font-weight:600;text-decoration:none;transition:all .2s ease}.footer-link:hover{color:var(--ypsa-base-blue);text-decoration:underline}.btn-ypsa-outline{border:1px solid var(--ypsa-base-cyan)!important;color:var(--ypsa-base-cyan)!important;transition:all .3s ease!important}.btn-ypsa-outline:hover{background-color:var(--ypsa-base-cyan)!important;color:#fff!important;box-shadow:0 4px 10px #1896ac4d!important;transform:translateY(-1px)}.table-ypsa tbody tr:nth-of-type(odd){background-color:#1896ac09!important}.table-ypsa.table-hover tbody tr:hover{background-color:#1896ac14!important;transition:all .2s ease}.pagination-ypsa .page-item.active .page-link{background:var(--ypsa-main-color)!important;border-color:var(--ypsa-main-color)!important;color:#fff!important;box-shadow:0 3px 6px #1896ac33}.pagination-ypsa .page-link{color:var(--ypsa-base-cyan)!important;border:1px solid #e9ecef;padding:.4rem .8rem;transition:all .2s ease}.pagination-ypsa .page-link:hover{background-color:#1896ac1a!important;color:var(--ypsa-base-blue)!important}.pagination-ypsa .page-item.disabled .page-link{color:#adb5bd!important;background-color:#f8f9fa!important;border-color:#e9ecef!important}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:20px}.glass-panel-dark{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.gradient-card-blue{background:linear-gradient(135deg,#6366f1,#a855f7)}.gradient-card-amber{background:linear-gradient(135deg,#f59e0b,#ef4444)}.gradient-card-teal{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}.gradient-card-indigo{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.dashboard-clock-ring{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#6366f11a,#6366f10d 70%);border:2px solid rgba(99,102,241,.2);box-shadow:0 0 30px #6366f11a}.quick-action-btn{transition:all .3s cubic-bezier(.4,0,.2,1);border:none;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;gap:8px;color:#fff}.quick-action-btn:active{transform:scale(.95)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffdb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.05);z-index:1000;padding:12px 0;display:flex;justify-content:space-around;padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.nav-item{display:flex;flex-direction:column;align-items:center;color:#9ca3af;text-decoration:none;font-size:11px;gap:4px;font-weight:500}.nav-item.active{color:#4f46e5}.nav-item i{font-size:22px}.dashboard-header{background:var(--ypsa-main-color);padding:40px 20px 80px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;color:#fff}.overlap-card{margin-top:-60px;padding:0 20px}