:root{--color-teal-accessible: #007a7a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button{border-radius:4px;font-size:16px;transition:opacity .2s;min-height:36px}button:hover:not(:disabled){opacity:.9}button:disabled{opacity:.6}input,textarea,select{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;color:#0f172a;background:#fff;font-size:max(16px,14px)}input:focus,textarea:focus,select:focus{outline:none;border-color:#00a3a3;box-shadow:0 0 0 3px #00a3a326}a{color:var(--color-teal-accessible);text-decoration:none}a:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-content{max-width:1280px;margin:0 auto;padding:24px 32px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f;padding:20px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.breadcrumb-trail{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;min-width:0}.touch-target{min-height:44px;display:flex;align-items:center}@media (max-width: 640px){[data-tour=notification-bell]{gap:4px!important}}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}@media (max-width: 767px){input,textarea,select{font-size:16px}.page-content{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:12px}[data-tour=punch-status],.stat-cards{grid-template-columns:repeat(2,1fr)!important}.breadcrumb-trail{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{padding:16px;border-radius:10px}.page-header button{width:100%;justify-content:center}}@media (max-width: 479px){.page-content{padding:12px}[data-tour=punch-status],.stat-cards{grid-template-columns:1fr!important}}*,*:before,*:after{-webkit-tap-highlight-color:transparent}button,a,[role=button],label,summary{touch-action:manipulation;-webkit-user-select:none;user-select:none}input,textarea,select{touch-action:manipulation}