:root{--app-bg:#f4f6f8;--card-bg:#fff;--text:#0f172a;--shell-sidebar-width:264px;--shell-sidebar-bg:#182230;--shell-sidebar-border:#243244;--shell-sidebar-text:#e5edf6;--shell-sidebar-muted:#9fb0c2;--shell-content-border:#d9e0e8;--shell-radius:8px}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.app-shell{background:var(--app-bg);width:100%;min-height:100dvh}.app-sidebar{z-index:20;width:var(--shell-sidebar-width);background:var(--shell-sidebar-bg);border-right:1px solid var(--shell-sidebar-border);height:100dvh;color:var(--shell-sidebar-text);position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-sidebar-header{border-bottom:1px solid var(--shell-sidebar-border);padding:18px 18px 14px}.app-sidebar-title{letter-spacing:0;font-size:.95rem;font-weight:700}.app-sidebar-subtitle{color:var(--shell-sidebar-muted);font-size:.78rem}.app-sidebar .btn{--bs-btn-color:#e5edf6;--bs-btn-border-color:#405166;--bs-btn-hover-bg:#253447;--bs-btn-hover-border-color:#53667d;--bs-btn-hover-color:#fff}.app-sidebar-nav{padding:14px 10px}.app-nav-link{min-height:40px;color:var(--shell-sidebar-text);border-radius:6px;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.app-nav-link:hover{color:#fff;background:#223044}.app-nav-link.is-active{color:#fff;background:#2563eb}.app-main{min-width:0;min-height:100dvh;margin-left:var(--shell-sidebar-width);background:var(--app-bg);flex-direction:column;display:flex}.app-topbar{z-index:10;border-bottom:1px solid var(--shell-content-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;min-height:48px;position:sticky;top:0}.app-content{width:100%;max-width:1440px;padding:24px}.employee-page{gap:1rem;display:grid}.opname-page-header{grid-template-columns:minmax(260px,1fr) minmax(220px,320px) auto;align-items:end;gap:1rem;display:grid}.opname-progress{min-width:0}.opname-progress .progress{border-radius:999px;height:.55rem}.opname-progress .progress-bar{border-radius:inherit}.card,.btn,.form-control,.form-select{border-radius:var(--shell-radius)}.document-upload-card{border:1px solid var(--shell-content-border);border-radius:var(--shell-radius);background:#fff;padding:1rem}@media (max-width:991.98px){.app-sidebar{width:100%;height:auto;position:static}.app-main{margin-left:0}.app-sidebar-nav{flex-wrap:wrap;gap:.35rem;display:flex}.opname-page-header{grid-template-columns:1fr;align-items:stretch}.opname-submit{justify-self:start}}@media (max-width:575.98px){.app-content{padding:16px}}