:root{--color-primary:#0D9488;--color-primary-dark:#0F766E;--color-primary-light:#14B8A6;--color-background:#F8F9FA;--color-surface:#FFFFFF;--color-surface-elevated:#FFFFFF;--color-text-primary:#111827;--color-text-secondary:#6B7280;--color-text-tertiary:#9CA3AF;--color-border:#E5E7EB;--color-border-light:#F3F4F6;--color-success:#10B981;--color-success-light:#D1FAE5;--color-warning:#F59E0B;--color-warning-light:#FEF3C7;--color-error:#EF4444;--color-error-light:#FEE2E2;--color-info:#3B82F6;--color-info-light:#DBEAFE;--color-pending:#F59E0B;--color-in-progress:#3B82F6;--color-completed:#10B981;--color-flagged:#EF4444;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-card:0 2px 8px rgba(0,0,0,0.08);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--nav-height:56px;--tab-bar-height:83px}.dark{--color-background:#0D0D0D;--color-surface:#1A1A1A;--color-surface-elevated:#262626;--color-text-primary:#F9FAFB;--color-text-secondary:#9CA3AF;--color-text-tertiary:#6B7280;--color-border:#374151;--color-border-light:#1F2937;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.4);--shadow-card:0 2px 8px rgba(0,0,0,0.3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);min-height:100%;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y;overscroll-behavior-y:contain}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.scroll-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.safe-top{padding-top:var(--safe-area-top)}.safe-bottom{padding-bottom:var(--safe-area-bottom)}.safe-left{padding-left:var(--safe-area-left)}.safe-right,.safe-x{padding-right:var(--safe-area-right)}.safe-x{padding-left:var(--safe-area-left)}.safe-y{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.safe-all{padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.touch-target{min-height:44px;min-width:44px}.card{background-color:var(--color-surface);box-shadow:var(--shadow-card)}.card,.card-elevated{border-radius:16px;padding:16px}.card-elevated{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:12px;min-height:48px;padding:12px 24px;transition:all .15s ease;cursor:pointer;border:none;outline:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:active{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:active{background-color:var(--color-border-light)}.btn-ghost{background-color:transparent;color:var(--color-primary)}.btn-ghost:active{background-color:rgba(13,148,136,.1)}.input{width:100%;height:48px;padding:12px 16px;font-size:16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-tertiary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:100px}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-pending{background-color:rgba(245,158,11,.15);color:var(--color-pending)}.badge-in-progress{background-color:rgba(59,130,246,.15);color:var(--color-in-progress)}.badge-completed{background-color:rgba(16,185,129,.15);color:var(--color-completed)}.badge-flagged{background-color:rgba(239,68,68,.15);color:var(--color-flagged)}.divider{height:1px;background-color:var(--color-border);margin:16px 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-surface) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.ptr-indicator{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:16px;opacity:0;transition:opacity .2s ease}.ptr-indicator.visible{opacity:1}.backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.blur-header{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255,255,255,.72)}.dark .blur-header{background-color:rgba(26,26,26,.72)}.list-item{display:flex;align-items:center;padding:12px 16px;min-height:56px;background-color:var(--color-surface);transition:background-color .15s ease}.list-item:active{background-color:var(--color-border-light)}@keyframes haptic-light{0%,to{transform:scale(1)}50%{transform:scale(.99)}}@keyframes haptic-medium{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.haptic-light:active{animation:haptic-light .1s ease}.haptic-medium:active{animation:haptic-medium .15s ease}.swipe-action{display:flex;align-items:center;justify-content:center;padding:0 24px;min-width:80px}.swipe-action-left{background-color:var(--color-info);color:white}.swipe-action-right{background-color:var(--color-error);color:white}@keyframes pulse-clocked{0%,to{box-shadow:0 0 0 0 rgba(13,148,136,.4)}50%{box-shadow:0 0 0 8px rgba(13,148,136,0)}}.clocked-in-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--color-primary);animation:pulse-clocked 2s infinite}.queue-counter{display:inline-flex;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:700;border-radius:12px;background-color:var(--color-primary);color:white}.empty-state,.queue-counter{align-items:center;justify-content:center}.empty-state{display:flex;flex-direction:column;padding:48px 24px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--color-text-secondary);max-width:280px}@keyframes gradient-x{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-x{animation:gradient-x 3s ease infinite}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0,#14B8A6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.glass,.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dark{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05)}