@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--cream: #F6EEDB;--offwhite: #F1EFDF;--pink: #F06D91;--pink-bright: #FF5A90;--pink-light: #FEC5D4;--red: #E04968;--lime: #ABC734;--green: #679732;--dark-green: #134E1A;--white: #FFFFFF;--amber: #E8B84B;--text-main: #1f2b20;--text-muted: #8b988c;--border-color: #eef1ec;--border-input: #dfe4dc}body{font-family:Poppins,system-ui,sans-serif;color:var(--text-main);background-color:var(--offwhite);margin:0}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-thumb{background:#cdd6c9;border-radius:9px}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .3s}.flex-row{display:flex;align-items:center}.flex-col{display:flex;flex-direction:column}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-heading{font-size:24px;font-weight:800;color:var(--dark-green);letter-spacing:-.02em}.text-subheading{font-size:19px;font-weight:800;color:var(--dark-green)}.text-sm-muted{font-size:11.5px;color:var(--text-muted)}.vityuu-card{background:var(--white);border-radius:16px;box-shadow:0 1px 4px #134e1a12;padding:16px;border:1px solid var(--border-color)}.vityuu-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.vityuu-btn-primary{background:var(--pink);color:var(--white);border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:opacity .2s}.vityuu-btn-primary:hover{opacity:.9}.vityuu-btn-ghost{background:var(--white);color:var(--dark-green);border:1px solid var(--border-input);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.vityuu-btn-ghost:hover{background:#fbfbfb}.vityuu-input,.vityuu-select{padding:9px 12px;border-radius:10px;border:1px solid var(--border-input);font-size:13px;font-family:inherit;outline:none;background:var(--white);width:100%;box-sizing:border-box}.vityuu-select{cursor:pointer}.vityuu-label{font-size:11.5px;font-weight:600;color:#6b7a6e;margin-bottom:4px;display:block}.vityuu-avatar{color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.karyawan-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;background:linear-gradient(160deg,var(--pink) 0%,var(--pink-bright) 60%,var(--lime) 160%);display:flex;align-items:center;justify-content:center;padding:16px}.karyawan-app{width:100%;max-width:400px;height:100%;max-height:860px;background:var(--offwhite);border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #134e1a47;display:flex;flex-direction:column;position:relative}.karyawan-header{background:var(--white);padding:16px 18px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.karyawan-body{flex:1;overflow-y:auto;padding:16px 16px 22px}.karyawan-bottom-nav{background:var(--white);border-top:1px solid var(--border-color);display:flex;padding:8px 6px 10px;flex-shrink:0}@media (max-width: 768px){.vityuu-burger{display:flex!important}.hide-mob{display:none!important}body,html{overflow-x:hidden}.vityuu-main{max-width:100vw;overflow-x:clip}.vityuu-main header{padding:10px 14px!important}.vityuu-main header .gap-3{gap:8px!important}.vityuu-charts,.vityuu-calgrid{grid-template-columns:1fr!important}.vityuu-main>main{padding:16px 14px 30px!important}.vityuu-notif-dropdown{position:fixed!important;top:56px!important;right:14px!important;width:calc(100vw - 28px)!important;max-width:none!important}}