.simulation-banner[data-v-4c08de30]{position:sticky;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:12px 24px;box-shadow:0 2px 8px #00000026}.banner-content[data-v-4c08de30]{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:16px}.banner-icon[data-v-4c08de30]{flex-shrink:0;width:24px;height:24px;animation:pulse-4c08de30 2s ease-in-out infinite}@keyframes pulse-4c08de30{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.banner-icon svg[data-v-4c08de30]{width:100%;height:100%}.banner-text[data-v-4c08de30]{flex:1;display:flex;flex-direction:column;gap:4px}.banner-text strong[data-v-4c08de30]{font-weight:600;font-size:.9375rem}.banner-details[data-v-4c08de30]{font-size:.875rem;opacity:.95}.banner-details strong[data-v-4c08de30]{font-weight:600}.exit-button[data-v-4c08de30]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.exit-button[data-v-4c08de30]:hover{background:#ffffff4d;border-color:#ffffff80}.exit-button svg[data-v-4c08de30]{width:18px;height:18px}@media(max-width:768px){.simulation-banner[data-v-4c08de30]{padding:10px 16px}.banner-content[data-v-4c08de30]{gap:12px}.banner-icon[data-v-4c08de30]{width:20px;height:20px}.banner-text[data-v-4c08de30]{gap:2px}.banner-text strong[data-v-4c08de30]{font-size:.875rem}.banner-details[data-v-4c08de30]{font-size:.8125rem}.exit-button span[data-v-4c08de30]{display:none}.exit-button[data-v-4c08de30]{padding:8px;min-width:36px;justify-content:center}}.layout[data-v-8c56dcd9]{--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--mobile-header-height: 56px;--color-accent-muted: rgba(99, 102, 241, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;display:flex;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.mobile-header[data-v-8c56dcd9]{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-height);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0 16px;align-items:center;z-index:100}.mobile-title[data-v-8c56dcd9]{font-size:1.125rem;font-weight:600;margin:0}.menu-toggle[data-v-8c56dcd9]{background:none;border:none;padding:8px;cursor:pointer;margin-right:12px}.hamburger-icon[data-v-8c56dcd9]{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger-icon span[data-v-8c56dcd9]{display:block;height:2px;background-color:var(--color-text-primary);border-radius:1px}.mobile-overlay[data-v-8c56dcd9]{display:none;position:fixed;inset:0;background-color:#00000080;z-index:199}.sidebar[data-v-8c56dcd9]{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:200}.sidebar-collapsed .sidebar[data-v-8c56dcd9]{width:var(--sidebar-collapsed-width)}.sidebar-header[data-v-8c56dcd9]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border);min-height:var(--header-height)}.logo[data-v-8c56dcd9]{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;padding:0 8px}.logo-image[data-v-8c56dcd9]{width:100%;max-width:180px;height:auto;object-fit:contain;transition:opacity .3s ease}.sidebar-collapsed .logo-image[data-v-8c56dcd9]{max-width:48px}.collapse-btn[data-v-8c56dcd9]{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-secondary);border-radius:8px;transition:all var(--transition-fast)}.collapse-btn[data-v-8c56dcd9]:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.collapse-btn svg[data-v-8c56dcd9]{width:20px;height:20px;transition:transform var(--transition-normal)}.collapse-btn svg.rotated[data-v-8c56dcd9]{transform:rotate(180deg)}.sidebar-nav[data-v-8c56dcd9]{flex:1;padding:16px 12px;overflow-y:auto}.nav-list[data-v-8c56dcd9]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.nav-link[data-v-8c56dcd9]{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.nav-link[data-v-8c56dcd9]:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.nav-link.active[data-v-8c56dcd9]{background-color:var(--color-accent-muted);color:var(--color-accent)}.nav-icon[data-v-8c56dcd9]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg[data-v-8c56dcd9]{width:22px;height:22px}.nav-label[data-v-8c56dcd9]{font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .nav-link[data-v-8c56dcd9]{justify-content:center;padding:12px}.sidebar-collapsed .nav-label[data-v-8c56dcd9]{display:none}.sidebar-footer[data-v-8c56dcd9]{padding:16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.clock-status[data-v-8c56dcd9]{padding:12px;background-color:var(--color-bg-tertiary);border-radius:8px;border:1px solid var(--color-border)}.clock-status-expanded[data-v-8c56dcd9]{display:flex;flex-direction:column;gap:8px}.clock-status-header[data-v-8c56dcd9]{display:flex;align-items:center;gap:8px}.status-indicator[data-v-8c56dcd9]{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-secondary)}.status-indicator.active[data-v-8c56dcd9]{background-color:#10b981;animation:pulse-8c56dcd9 2s ease-in-out infinite}@keyframes pulse-8c56dcd9{0%,to{opacity:1}50%{opacity:.6}}.status-label[data-v-8c56dcd9]{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.clock-elapsed-time[data-v-8c56dcd9]{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.clock-in-btn-sidebar[data-v-8c56dcd9]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.clock-in-btn-sidebar[data-v-8c56dcd9]:hover:not(:disabled){background-color:#059669}.clock-in-btn-sidebar[data-v-8c56dcd9]:disabled{opacity:.6;cursor:not-allowed}.clock-in-btn-sidebar svg[data-v-8c56dcd9]{width:16px;height:16px}.clock-out-btn-sidebar[data-v-8c56dcd9]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.clock-out-btn-sidebar[data-v-8c56dcd9]:hover:not(:disabled){background-color:#dc2626}.clock-out-btn-sidebar[data-v-8c56dcd9]:disabled{opacity:.6;cursor:not-allowed}.clock-out-btn-sidebar svg[data-v-8c56dcd9]{width:16px;height:16px}.clock-status-collapsed[data-v-8c56dcd9]{display:flex;flex-direction:column;align-items:center;gap:8px}.clock-in-btn-icon[data-v-8c56dcd9]{width:100%;display:flex;align-items:center;justify-content:center;padding:12px;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.clock-in-btn-icon[data-v-8c56dcd9]:hover:not(:disabled){background-color:#059669}.clock-in-btn-icon[data-v-8c56dcd9]:disabled{opacity:.6;cursor:not-allowed}.clock-in-btn-icon svg[data-v-8c56dcd9]{width:20px;height:20px}.clock-out-btn-icon[data-v-8c56dcd9]{width:100%;display:flex;align-items:center;justify-content:center;padding:12px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.clock-out-btn-icon[data-v-8c56dcd9]:hover:not(:disabled){background-color:#dc2626}.clock-out-btn-icon[data-v-8c56dcd9]:disabled{opacity:.6;cursor:not-allowed}.clock-out-btn-icon svg[data-v-8c56dcd9]{width:20px;height:20px}.user-info[data-v-8c56dcd9]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-8c56dcd9]{width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar svg[data-v-8c56dcd9]{width:24px;height:24px;color:var(--color-text-secondary)}.user-details[data-v-8c56dcd9]{display:flex;flex-direction:column;overflow:hidden;flex:1}.user-name[data-v-8c56dcd9]{font-size:.875rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-8c56dcd9]{font-size:.75rem;color:var(--color-text-secondary)}.logout-button[data-v-8c56dcd9]{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-secondary);border-radius:8px;transition:all var(--transition-fast);flex-shrink:0}.logout-button[data-v-8c56dcd9]:hover{background-color:var(--color-bg-hover);color:#ef4444}.logout-button svg[data-v-8c56dcd9]{width:20px;height:20px}.logout-button-collapsed[data-v-8c56dcd9]{width:100%;background:none;border:none;padding:12px;cursor:pointer;color:var(--color-text-secondary);border-radius:8px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.logout-button-collapsed[data-v-8c56dcd9]:hover{background-color:var(--color-bg-hover);color:#ef4444}.logout-button-collapsed svg[data-v-8c56dcd9]{width:22px;height:22px}.main-content[data-v-8c56dcd9]{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.sidebar-collapsed .main-content[data-v-8c56dcd9]{margin-left:var(--sidebar-collapsed-width)}.page-header[data-v-8c56dcd9]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 24px;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.header-left[data-v-8c56dcd9],.header-right[data-v-8c56dcd9]{display:flex;align-items:center;gap:8px}.header-btn[data-v-8c56dcd9]{background:none;border:none;padding:10px;cursor:pointer;color:var(--color-text-secondary);border-radius:8px;transition:all var(--transition-fast)}.header-btn[data-v-8c56dcd9]:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.header-btn svg[data-v-8c56dcd9]{width:22px;height:22px}.collapse-btn-mobile[data-v-8c56dcd9]{background:none;border:none;padding:10px;cursor:pointer;color:var(--color-text-secondary);border-radius:8px;transition:all var(--transition-fast)}.collapse-btn-mobile[data-v-8c56dcd9]:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.collapse-btn-mobile svg[data-v-8c56dcd9]{width:22px;height:22px}.page-content[data-v-8c56dcd9]{flex:1;padding:24px}@media(max-width:768px){.mobile-header[data-v-8c56dcd9]{display:flex}.mobile-overlay[data-v-8c56dcd9]{display:block}.sidebar[data-v-8c56dcd9]{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.mobile-open[data-v-8c56dcd9]{transform:translate(0)}.main-content[data-v-8c56dcd9]{margin-left:0;padding-top:var(--mobile-header-height);padding-bottom:70px}.sidebar-collapsed .main-content[data-v-8c56dcd9]{margin-left:0}.desktop-only[data-v-8c56dcd9]{display:none!important}.page-header[data-v-8c56dcd9]{display:none}.page-content[data-v-8c56dcd9]{padding:16px 16px 24px}.nav-link[data-v-8c56dcd9]{min-height:48px;padding:14px 12px}.menu-toggle[data-v-8c56dcd9]{min-height:44px;min-width:44px;padding:12px}.hamburger-icon[data-v-8c56dcd9]{width:22px}.hamburger-icon span[data-v-8c56dcd9]{height:2.5px}}@media(max-width:480px){.mobile-header[data-v-8c56dcd9]{padding:0 12px}.mobile-title[data-v-8c56dcd9]{font-size:1rem}.page-content[data-v-8c56dcd9]{padding:12px}.sidebar[data-v-8c56dcd9]{width:85%;max-width:300px}}@media(min-width:768px)and (max-width:1024px){.sidebar[data-v-8c56dcd9]{width:220px}.main-content[data-v-8c56dcd9]{margin-left:220px}.sidebar-collapsed .main-content[data-v-8c56dcd9]{margin-left:var(--sidebar-collapsed-width)}}@supports (padding: max(0px)){@media(max-width:768px){.mobile-header[data-v-8c56dcd9],.page-content[data-v-8c56dcd9]{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--color-bg-primary: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #242424;--color-bg-hover: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-border: #2a2a2a;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html{height:100%}body{margin:0;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3}p{margin:0}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea,select,button{font-family:inherit;font-size:inherit}input,textarea{color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}::selection{background-color:#6366f14d;color:var(--color-text-primary)}.light-mode{--color-bg-primary: #f5f5f5;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e5e5e5;--color-bg-hover: #d4d4d4;--color-text-primary: #171717;--color-text-secondary: #525252;--color-text-muted: #a3a3a3;--color-border: #e5e5e5;color-scheme:light}.compact-mode{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px}.compact-mode .stat-card,.compact-mode .member-card,.compact-mode .card,.compact-mode .settings-card,.compact-mode .info-card,.compact-mode .request-card,.compact-mode .document-card,.compact-mode .allowance-card{padding:12px 16px}.compact-mode .page-content{padding:16px}.compact-mode h1{font-size:1.5rem}.compact-mode h2{font-size:1rem}.compact-mode .nav-link{padding:8px 12px}.compact-mode .setting-item{padding:12px 16px}.compact-mode .activity-item{padding:8px 16px}.compact-mode .stats-grid,.compact-mode .content-grid,.compact-mode .team-grid{gap:12px}.compact-mode .page-title,.compact-mode .page-header{margin-bottom:16px}@supports (padding: max(0px)){.mobile-safe-area{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}}.touch-target{min-height:44px;min-width:44px}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media(max-width:480px){.text-responsive{font-size:.875rem}h1.text-responsive{font-size:1.25rem}h2.text-responsive{font-size:1rem}}@media(min-width:768px)and (max-width:1024px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)}.tablet-grid-3{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.mobile-stack{flex-direction:column}.mobile-full-width{width:100%}.mobile-hidden{display:none!important}.mobile-padding{padding:12px}}@media(min-width:1024px){.desktop-only{display:block}}@media(hover:none)and (pointer:coarse){.touch-no-hover:hover{background-color:inherit;transform:none}.touch-active:active{opacity:.7;transform:scale(.98)}}