@import "https://fonts.bunny.net/css?family=Nunito";.theme-bg-primary{background-color:var(--bg-primary)}.theme-bg-secondary{background-color:var(--bg-secondary)}.theme-bg-tertiary{background-color:var(--bg-tertiary)}.theme-text-primary{color:var(--text-primary)}.theme-text-secondary{color:var(--text-secondary)}.theme-text-muted{color:var(--text-muted)}.theme-border-primary{border-color:var(--border-primary)}.theme-border-secondary{border-color:var(--border-secondary)}.theme-accent-primary{color:var(--accent-primary)}.theme-accent-secondary{color:var(--accent-secondary)}.theme-bg-accent-primary{background-color:var(--accent-primary)}.theme-bg-accent-secondary{background-color:var(--accent-secondary)}.theme-success{color:var(--success)}.theme-warning{color:var(--warning)}.theme-error{color:var(--error)}.theme-bg-success{background-color:var(--success)}.theme-bg-warning{background-color:var(--warning)}.theme-bg-error{background-color:var(--error)}.btn-theme-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));min-height:60px;color:var(--bg-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:1rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;transform:translateY(0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.btn-theme-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-theme-primary:active{transform:translateY(1px);box-shadow:0 4px 12px #3b82f64d}.btn-theme-secondary{border:2px solid var(--border-primary);background-color:var(--bg-tertiary);min-height:60px;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:1rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;transform:translateY(0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.btn-theme-secondary:hover{background-color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn-theme-secondary:active{transform:translateY(1px);box-shadow:0 4px 8px #00000026}.card-theme,.employee-card{border:2px solid var(--border-secondary);background-color:var(--bg-primary);border-radius:1rem;transition:all .3s;box-shadow:0 4px 6px #0000004d,0 2px 4px #0003}.card-theme:hover,.employee-card:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 8px 12px #0006,0 20px 30px #0000004d}.input-theme{border:2px solid var(--border-primary);background-color:var(--bg-tertiary);width:100%;min-height:60px;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:.75rem;padding:1rem 1.5rem;font-size:1.125rem;transition:all .2s;display:block}.input-theme:focus{border-color:var(--accent-primary);background-color:var(--bg-primary);outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f633}.input-theme::placeholder{color:var(--text-muted)}.fade-in{animation:.5s ease-in-out fadeIn}.slide-up{animation:.6s ease-out slideUp}.scale-in{animation:.3s ease-out scaleIn}.pulse-soft{animation:2s infinite pulseSoft}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}.tablet-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}@media (width>=768px) and (width<=1024px){.tablet-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (width>=1025px){.tablet-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}.employee-card{text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;min-height:280px;padding:2rem;display:flex}.employee-card:active{transform:translateY(1px)scale(.98)}.employee-card .employee-photo{object-fit:cover;ring:4px solid #4b5563;border-radius:9999px;width:8rem;height:8rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;transition:all .3s;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.employee-card .employee-photo:hover{transform:scale(1.05)}.employee-card .employee-name{color:var(--text-primary);font-size:1.5rem;font-weight:700;transition:color .3s}.employee-card .employee-name:hover{color:var(--accent-primary)}.tablet-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:2rem 1.5rem}@media (width>=768px){.tablet-container{padding:3rem 2rem}}.tablet-title{text-align:center;margin-bottom:3rem;animation:.5s ease-in-out fadeIn}.tablet-title h1{color:var(--text-primary);margin-bottom:1rem;font-size:3rem;font-weight:700}@media (width>=768px){.tablet-title h1{font-size:4rem}}.tablet-title p{color:var(--text-secondary);font-size:1.25rem}@media (width>=768px){.tablet-title p{font-size:1.5rem}}.tablet-numeric-keyboard{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:28rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}@media (width>=768px){.tablet-numeric-keyboard{gap:1.5rem;max-width:32rem}}.numeric-btn{background-color:var(--bg-tertiary);min-height:80px;color:var(--text-primary);border:2px solid var(--border-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:1rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.numeric-btn:hover{background-color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.numeric-btn:active{transform:translateY(1px)scale(.95);box-shadow:0 4px 8px #00000026}@media (width>=768px){.numeric-btn{min-height:100px;font-size:2rem}}.btn-clear{background:linear-gradient(135deg, var(--error), #dc2626);border-color:var(--error);color:#fff!important}.btn-clear:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.btn-backspace{background:linear-gradient(135deg, var(--warning), #d97706);border-color:var(--warning);color:#fff!important}.btn-backspace:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706}.process-btn{background:linear-gradient(135deg, var(--success), #059669);color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:1rem;justify-content:center;align-items:center;width:100%;min-height:80px;margin-top:2rem;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.process-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 12px 24px #10b98166}.process-btn:active{transform:translateY(1px)scale(.98);box-shadow:0 6px 12px #10b9814d}@media (width>=768px){.process-btn{min-height:100px;font-size:1.5rem}}.pagination-wrapper nav[role=navigation]{justify-content:center;align-items:center;gap:.5rem;display:flex}.pagination-wrapper nav[role=navigation] span,.pagination-wrapper nav[role=navigation] a{background-color:var(--bg-tertiary);min-height:48px;color:var(--text-primary);border:2px solid var(--border-primary);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.pagination-wrapper nav[role=navigation] span:hover,.pagination-wrapper nav[role=navigation] a:hover{background-color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.pagination-wrapper nav[role=navigation] span[aria-current=page],.pagination-wrapper nav[role=navigation] a[aria-current=page]{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-color:var(--accent-primary)}.pagination-wrapper nav[role=navigation] span[rel=prev],.pagination-wrapper nav[role=navigation] span[rel=next],.pagination-wrapper nav[role=navigation] a[rel=prev],.pagination-wrapper nav[role=navigation] a[rel=next]{padding-left:1.5rem;padding-right:1.5rem}