:root{--accent:#0d6efd;--sidebar-width:260px;--sidebar-collapsed-width:70px;--header-height:60px}[data-theme=dark]{--bs-body-bg:#1a1d21;--bs-body-color:#e1e1e1;--card-bg:#212529;--border-color:#343a40}[data-theme=light]{--bs-body-bg:#f5f6fa;--bs-body-color:#212529;--card-bg:#ffffff;--border-color:#dee2e6}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bs-body-bg);color:var(--bs-body-color);margin:0;padding:0}.wrapper{display:flex;min-height:100vh}.wrapper.sidebar-expanded .page-content{margin-left:var(--sidebar-width);transition:margin-left .3s ease}.wrapper.sidebar-collapsed .page-content{margin-left:var(--sidebar-collapsed-width);transition:margin-left .3s ease}.page-content{flex:1;padding-top:calc(var(--header-height) + 1rem);padding-bottom:2rem;min-height:100vh;transition:margin-left .3s ease}.page-content .container-xxl{padding:0 1rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:#1e2228;color:#c8ccd0;z-index:1040;transition:width .3s ease;overflow-y:auto;overflow-x:hidden}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .sidebar .menu-label,.sidebar-collapsed .sidebar .sidebar-logo-text{display:none}.sidebar .menu-item{display:flex;align-items:center;padding:.6rem 1rem;color:#c8ccd0;text-decoration:none;border-radius:.5rem;margin:2px 8px;transition:all .2s ease;cursor:pointer;font-size:.9rem}.sidebar .menu-item:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar .menu-item.active{background:rgba(13,110,253,.2);color:#5da8ff}.sidebar .menu-item i{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.sidebar .menu-label{margin-left:.75rem;white-space:nowrap}.sidebar .submenu{padding-left:1rem}.sidebar .submenu .menu-item{padding:.4rem 1rem;font-size:.85rem}.app-header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:1030;display:flex;align-items:center;padding:0 1rem;transition:left .3s ease}.sidebar-collapsed .app-header{left:var(--sidebar-collapsed-width)}.footer{text-align:center;padding:1rem;font-size:.8rem;color:#888;margin-top:2rem}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border-color);z-index:1050;padding:.25rem 0 env(safe-area-inset-bottom,0)}@media (max-width:767.98px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar-mobile-open .sidebar{transform:translateX(0)}.wrapper .page-content{margin-left:0!important}.app-header{left:0!important}.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center}.page-content{padding-bottom:5rem}}.skeleton{background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa 50%,#e9ecef 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.5rem}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2d3136 25%,#3a3f44 50%,#2d3136 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.clock-btn{width:180px;height:180px;border-radius:50%;border:4px solid;font-size:1.2rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.15)}.clock-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px rgba(0,0,0,.25)}.clock-btn.clock-in{background:linear-gradient(135deg,#198754,#20c997);border-color:#198754;color:#fff}.clock-btn.clock-out{background:linear-gradient(135deg,#dc3545,#e35d6a);border-color:#dc3545;color:#fff}@media (max-width:767.98px){.clock-btn{width:200px;height:200px;font-size:1.4rem}}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1039}.sidebar-mobile-open .sidebar-overlay{display:block}.badge.bg-success-subtle{background:rgba(25,135,84,.15)!important;color:#198754!important}.badge.bg-danger-subtle{background:rgba(220,53,69,.15)!important;color:#dc3545!important}.badge.bg-warning-subtle{background:rgba(255,193,7,.15)!important;color:#997404!important}.badge.bg-info-subtle{background:rgba(13,202,240,.15)!important;color:#0aa2c0!important}.badge.bg-primary-subtle{background:rgba(13,110,253,.15)!important;color:#0d6efd!important}.avatar-sm{width:36px;height:36px}.avatar-lg,.avatar-sm{border-radius:50%;object-fit:cover}.avatar-lg{width:80px;height:80px}.avatar-xl{width:120px;height:120px;border-radius:50%;object-fit:cover}