*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pwa-container{display:flex;flex-direction:column;min-height:100vh}@media (max-width:600px){.mobile-padding{padding:16px}.mobile-margin{margin:8px}}.touch-button{border:none;border-radius:8px;cursor:pointer;min-height:48px;min-width:48px;padding:12px 24px;transition:all .2s ease}.touch-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.touch-button:active{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0)}.clock-button{border:none;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;font-size:16px;font-weight:500;height:120px;transition:all .3s ease;width:120px}.clock-button.clock-in{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.clock-button.clock-out{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.clock-button:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);transform:scale(1.05)}.clock-button:active{transform:scale(.98)}.status-indicator{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-indicator.clocked-in{background-color:#e8f5e8;color:#2e7d32}.status-indicator.clocked-out{background-color:#fce4ec;color:#c2185b}.status-indicator.pending{background-color:#fff3e0;color:#f57c00}.status-indicator.approved{background-color:#e8f5e8;color:#2e7d32}.status-indicator.rejected{background-color:#ffebee;color:#d32f2f}.balance-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;transition:all .2s ease}.balance-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.balance-value{font-size:2rem;font-weight:600;margin:8px 0}.balance-value.positive{color:#4caf50}.balance-value.negative{color:#f44336}.balance-value.neutral{color:#1976d2}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.offline-indicator{background:#ff9800;color:#fff;font-size:14px;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:1000}.offline-indicator.show{transform:translateY(0)}.sync-indicator{background:#2196f3;border-radius:20px;bottom:20px;color:#fff;font-size:12px;opacity:0;padding:8px 16px;position:fixed;right:20px;transform:translateY(20px);transition:all .3s ease;z-index:1000}.sync-indicator.show{opacity:1;transform:translateY(0)}.form-container{margin:0 auto;max-width:500px;padding:20px}.form-field{margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width:600px){.form-actions{flex-direction:column}.form-actions button{width:100%}}.bottom-navigation{background:#fff;border-top:1px solid #e0e0e0;bottom:0;left:0;position:fixed;right:0;z-index:100}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:env(safe-area-inset-bottom)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible{outline:2px solid #1976d2;outline-offset:2px}@media (prefers-contrast:high){.balance-card{border:2px solid #000}.status-indicator{border:1px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-menu-drawer{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-list{-webkit-overflow-scrolling:touch;overflow-y:auto;scroll-behavior:smooth}.mobile-menu-item{-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background-color .2s ease}.mobile-menu-item:active{background-color:rgba(0,0,0,.08)}@keyframes burger-icon-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.burger-icon-active{animation:burger-icon-pulse .3s ease}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff}.balance-card{border:1px solid #ccc;box-shadow:none}}
/*# sourceMappingURL=main.fb8bfb24.css.map*/