*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e2432;-webkit-text-size-adjust:100%;background:#eef1f7;font-family:Segoe UI,system-ui,-apple-system,sans-serif}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #1a237e40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#888}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{overflow-x:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-topbar{z-index:200;position:sticky;top:0}.app-body{flex:1;align-items:stretch;display:flex;position:relative}.app-sidebar{z-index:150;transition:transform .25s}.app-main{flex:1;min-width:0;padding:22px}.sidebar-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-right:6px;padding:8px;transition:background .15s;display:none}.sidebar-toggle:hover{background:#ffffff1a}.sidebar-toggle svg{display:block}.sidebar-backdrop{z-index:140;background:#00000073;animation:.18s fadeIn;display:none;position:fixed;inset:0}@media (width<=1024px){.app-main{padding:18px}}@media (width<=900px){.sidebar-toggle{justify-content:center;align-items:center;display:inline-flex}.app-sidebar{bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 12px #0000002e;width:260px!important;height:calc(100vh - 60px)!important;min-height:calc(100vh - 60px)!important;position:fixed!important;top:60px!important}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop.is-open{display:block}.app-main{width:100%;padding:16px}}@media (width<=600px){.app-topbar{height:56px!important;padding:0 14px!important}.app-topbar .topbar-logo{width:32px!important;height:32px!important}.app-topbar .topbar-title{letter-spacing:.5px!important;font-size:13px!important}.app-main{padding:12px}}@media (width<=380px){.app-topbar .topbar-title{font-size:11px!important}}.auth-page{padding:20px 14px}.auth-card{max-width:360px;width:100%!important}@media (width<=480px){.auth-card{border-radius:12px!important;padding:28px 22px 24px!important}}@media (width<=360px){.auth-card{padding:22px 18px 20px!important}}.dash-stats{flex-wrap:wrap;gap:16px;display:flex}.dash-stats .stat-card{flex:1;min-width:220px}.dash-welcome h1{word-break:break-word}@media (width<=768px){.dash-welcome{padding:22px 20px 20px!important}.dash-welcome h1{font-size:17px!important}.dash-welcome p{font-size:12px!important}}@media (width<=600px){.dash-stats .stat-card{min-width:100%!important;padding:16px 18px!important}.dash-stats .stat-card .stat-value{font-size:36px!important}.dash-welcome{padding:18px 16px!important}.dash-welcome h1{line-height:1.35;font-size:15px!important}.dash-welcome p{line-height:1.55;font-size:11.5px!important}.dash-quickaccess{padding:14px 16px!important}.dash-quickaccess button{flex:calc(50% - 6px);min-width:0;padding:9px 8px!important;font-size:11.5px!important}}@media (width<=380px){.dash-quickaccess button{flex:100%}}.absensi-cam-row{grid-template-columns:1fr 280px;align-items:stretch;gap:16px;display:grid}.absensi-btn-row{grid-template-columns:1fr 1fr 1.6fr;gap:12px;display:grid}@media (width<=900px){.absensi-cam-row{grid-template-columns:1fr!important}.absensi-cam-row>div:nth-child(2){aspect-ratio:16/7!important;width:100%!important}}@media (width<=600px){.absensi-btn-row{grid-template-columns:1fr!important}.absensi-btn-row button{width:100%;padding:12px 10px!important;font-size:13px!important}.absensi-cam-row>div:nth-child(2){aspect-ratio:16/9!important}.absensi-titlebar{padding:12px 14px!important}.absensi-titlebar h2{font-size:15px!important}.absensi-history{padding:14px 16px!important}}button:not(:disabled):not(.no-hover):hover{filter:brightness(1.06)}.page-titlebar{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex;box-shadow:0 1px 4px #0000000f}.responsive-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=600px){.page-titlebar{padding:10px 14px!important}.page-titlebar h2{font-size:15px!important}.page-titlebar input[type=text],.page-titlebar input:not([type]){width:100%!important}.page-titlebar>div:last-child{width:100%}.responsive-table-wrap table{min-width:560px}.responsive-table-wrap th,.responsive-table-wrap td{padding:8px 10px!important;font-size:11px!important}.responsive-table-wrap td button{padding:4px 10px!important;font-size:10px!important}}.form-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f}@media (width<=600px){.form-card{padding:18px 16px!important}.form-card label{font-size:11px!important}.form-card input,.form-card textarea,.form-card select{padding:10px 12px!important;font-size:13px!important}.form-card button{padding:10px 22px!important;font-size:12.5px!important}}.profile-fieldrow{align-items:center;gap:10px;margin-bottom:12px;display:flex}@media (width<=600px){.profile-fieldrow{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px}.profile-fieldrow>input{width:100%!important}.profile-fieldrow>button{width:100%!important;min-width:0!important;padding:9px 14px!important}.profile-header{text-align:center;justify-content:center;gap:16px!important}.profile-header>label>div:first-child{width:90px!important;height:90px!important;font-size:40px!important}.profile-header>div:last-child{text-align:center;min-width:0!important}.profile-actions{justify-content:center}.faceid-card{padding:18px 16px!important}.faceid-card h3{font-size:14px!important}.faceid-card p{font-size:11.5px!important}.faceid-empty-icon{width:90px!important;height:90px!important}.faceid-empty-icon svg{width:44px!important;height:44px!important}}img{max-width:100%;height:auto}button{-webkit-tap-highlight-color:transparent}.profile-container{grid-template-columns:1fr 1fr;gap:25px;display:grid}.profile-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px #00000014}.profile-avatar{object-fit:cover;border:5px solid #eef3ff;border-radius:50%;width:140px;height:140px}.profile-center{text-align:center;margin-bottom:25px}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{color:#555;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .25s}.form-group input:focus{border-color:#2c4a8a;outline:none;box-shadow:0 0 0 3px #2c4a8a26}.form-group input[readonly]{cursor:not-allowed;color:#666;background:#f5f6fa}.btn-save{color:#fff;cursor:pointer;background:#2c4a8a;border:none;border-radius:10px;width:100%;padding:13px;font-weight:700;transition:all .3s}.btn-save:hover{background:#1f3461}.btn-password{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:10px;width:100%;padding:13px;font-weight:700;transition:all .3s}.btn-password:hover{background:#1f8d4e}input[type=file]{margin-top:12px}@media (width<=992px){.profile-container{grid-template-columns:1fr}}@media (width<=768px){.profile-card{padding:20px}.profile-avatar{width:110px;height:110px}}@media (width<=480px){.profile-card{padding:15px}.form-group input{padding:10px;font-size:13px}.btn-save,.btn-password{padding:12px;font-size:14px}}