:root{--primary: #16a34a;--primary-hover: #15803d;--primary-light: #dcfce7;--background: #f0fdf4;--surface: #ffffff;--text: #14532d;--text-secondary: #64748b;--border: #bbf7d0;--error: #ef4444;--error-bg: #fef2f2;--error-border: #fee2e2;--warning: #f59e0b;--warning-bg: #fffbeb;--warning-border: #fef3c7;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: .5rem;--radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5}button,input,select{font-family:inherit;font-size:1rem}.validacao-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--background) 0%,#f0fdf4 100%)}.validacao-header{background:var(--surface);padding:1rem 2rem;box-shadow:0 2px 8px #00000014;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-info{display:flex;align-items:center;gap:1rem}.header-syscard-logo{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.empresa-logo{width:45px;height:45px;object-fit:contain;border-radius:var(--radius);background:#f8fafc;padding:.25rem}.empresa-logo-placeholder{width:45px;height:45px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #16a34a4d}.header-text{display:flex;flex-direction:column;gap:.15rem}.header-text h2{font-size:1.1rem;margin:0;color:var(--text);font-weight:600}.validador-badge{font-size:.7rem;background:linear-gradient(135deg,var(--primary-light) 0%,#bbf7d0 100%);color:var(--primary-hover);padding:.2rem .6rem;border-radius:9999px;font-weight:600;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.btn.logout{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn.logout:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;box-shadow:0 2px 8px #dc262633;transform:translateY(-1px)}.main-content-centered{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;width:100%;max-width:700px;margin:0 auto}h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-hover);display:flex;align-items:center;justify-content:center;gap:.75rem}h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.validacao-card{background:var(--surface);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000014;border:1px solid var(--border);width:100%}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.form-control{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.input-group{display:flex;gap:.5rem}input{flex:1;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);font-size:1.125rem;transition:all .2s}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #16a34a33}.btn{padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.secondary{background:#fff;border:1px solid var(--border);color:var(--text)}.btn.secondary:hover{background:var(--background)}.resultado{margin-top:2rem;padding:2rem;border-radius:var(--radius-xl);text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.resultado.valido{background:var(--primary-light);border:2px solid var(--primary);color:var(--primary-hover)}.resultado.invalido{background:var(--error-bg);border:2px solid var(--error);color:var(--error)}.resultado.nao_encontrado{background:var(--warning-bg);border:2px solid var(--warning);color:#b45309}.status-icon{font-size:4rem;margin-bottom:1rem;display:block}.status-text{font-size:2rem;font-weight:800;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.status-detail{font-size:1.125rem;opacity:.9}.funcionario-card{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:var(--radius);margin-top:1.5rem;text-align:left;box-shadow:var(--shadow)}.funcionario-foto{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 0 0 2px var(--border)}.funcionario-info{flex:1}.funcionario-nome{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.funcionario-info div{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.funcionario-info strong{color:var(--text);font-weight:600}@media (max-width: 768px){.validacao-page{padding:1rem}.funcionario-card{flex-direction:column;text-align:center}}#reader{width:100%;border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem;border:1px solid var(--border)}#reader video{width:100%!important;height:auto!important;border-radius:var(--radius)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background) 0%,#dcfce7 100%);padding:1rem}.login-container{width:100%;max-width:420px}.login-card{background:var(--surface);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;height:80px;object-fit:contain;border-radius:16px;background:#fff;padding:8px;margin:0 auto 1rem;display:block}.logo-icon{font-size:3rem;margin-bottom:1rem;display:block}.login-header h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--primary-hover)}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-control{margin-bottom:0}.login-form input{width:100%;text-align:center;font-size:1.25rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:1rem}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #16a34a33}.btn-full{width:100%;padding:1rem;font-size:1.125rem}.login-footer{margin-top:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.login-footer small{opacity:.8}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--background)}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.validacao-header{padding:.75rem 1rem}.empresa-logo,.empresa-logo-placeholder{width:35px;height:35px;font-size:.9rem}.header-text h2{font-size:.9rem}.validador-badge{font-size:.6rem;padding:.15rem .5rem}.btn.logout{padding:.5rem .65rem;font-size:.8rem;gap:.3rem}.btn.logout span:last-child{display:none}.btn.logout span:first-child{font-size:1.2rem}.main-content-centered{padding:1rem;align-items:stretch}.validacao-card{padding:1.25rem;border-radius:var(--radius)}h1{font-size:1.3rem;margin-bottom:1rem}h1 span{font-size:1.5rem!important}.input-group{flex-direction:column}.input-group input{width:100%;font-size:1rem}.input-group .btn{width:100%}.input-group .btn.secondary,.input-group .btn.primary{padding:.875rem}.funcionario-card{flex-direction:column;text-align:center;padding:1rem}.funcionario-foto{width:80px;height:80px}.funcionario-info{text-align:center}.funcionario-nome{font-size:1.1rem}.resultado{padding:1.5rem 1rem}.status-icon{font-size:3rem}.status-text{font-size:1.5rem}.status-detail{font-size:1rem}.empty-state{padding:2rem 1rem}.empty-state div:first-child{font-size:3rem!important}#reader{margin-bottom:1rem}}@media (min-width: 769px) and (max-width: 1024px){.validacao-page{padding:1.5rem}.main-content-centered{max-width:600px}.validacao-card{padding:2rem}}@media (min-width: 1025px) and (max-width: 1440px){.validacao-page{padding:1.5rem}.main-content-centered{max-width:650px}}@media (max-width: 480px){.validacao-header{padding:.6rem .75rem}.header-text h2{font-size:.85rem}.validador-badge{display:none}.validacao-card{padding:1rem}h1{font-size:1.1rem}.form-control label{font-size:.9rem}input{font-size:.95rem;padding:.65rem .875rem}.btn{font-size:.9rem;padding:.75rem 1rem}}