*{box-sizing:border-box;padding:0;margin:0}:root{--primary:#296fdb;--primary-dark:#4f46e5;--primary-light:#5d8cd3;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)}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;background:linear-gradient(135deg,#296fdb,#351455);min-height:100vh;color:var(--gray-900)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:white;border-radius:1.5rem;padding:3rem 2rem;max-width:28rem;width:100%;box-shadow:var(--shadow-xl);text-align:center;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:2rem}.logo-circle,.logo-container{display:flex;justify-content:center}.logo-circle{width:5rem;height:5rem;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;align-items:center;box-shadow:var(--shadow-lg);animation:pulse 2s ease-in-out infinite}.logo-circle svg{width:2.5rem;height:2.5rem;color:white}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.title{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.subtitle{font-size:1rem;color:var(--gray-600);margin-bottom:2rem}.code{font-weight:700;color:var(--primary);font-family:Courier New,monospace;font-size:1.1rem}.status-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner{width:3rem;height:3rem;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status-text{color:var(--gray-600);font-size:1rem}.error-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fef2f2;border-radius:1rem;margin-top:1rem}.error-icon{font-size:3rem}.error-text{color:var(--error);font-size:.95rem;text-align:center}.retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:white;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.retry-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.retry-button:active{transform:translateY(0)}.dashboard-container{min-height:100vh;background:var(--gray-50)}.dashboard-header{background:white;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.header-content{max-width:80rem;margin:0 auto;padding:1.5rem 2rem;justify-content:space-between}.header-content,.header-left{display:flex;align-items:center}.header-left{gap:1rem}.header-logo{flex-shrink:0}.dashboard-title{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:1.5rem}.logout-button{padding:.625rem 1.25rem;background:white;color:var(--gray-700);border:1px solid var(--gray-300);border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.logout-button:hover{background:var(--gray-50);border-color:var(--gray-400)}.dashboard-main{max-width:80rem;margin:0 auto;padding:2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-text{color:var(--gray-600);font-size:1.125rem}.empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:1rem;box-shadow:var(--shadow)}.empty-icon{color:var(--gray-400);margin-bottom:1rem}.empty-title{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.empty-text{color:var(--gray-600);font-size:1rem}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1.5rem}.test-card{background:white;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s;border:1px solid var(--gray-200);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.test-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.test-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.test-name{font-size:1.25rem;font-weight:600;color:var(--gray-900);flex:1 1}.status-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-completed{background:#d1fae5;color:#065f46}.status-pending{background:#fed7aa;color:#92400e}.status-progress{background:#dbeafe;color:#1e40af}.status-default{background:var(--gray-200);color:var(--gray-700)}.test-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.test-detail-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.95rem}.detail-icon{flex-shrink:0;color:var(--gray-500)}.detail-text{color:var(--gray-700)}.test-description{color:var(--gray-600);font-size:.95rem;line-height:1.5;margin-top:.75rem;padding-top:.75rem}.test-description,.test-url{border-top:1px solid var(--gray-200)}.test-url{margin-top:1rem;padding-top:1rem}.test-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.test-link:active{transform:translateY(0)}.scanner-card{max-width:32rem}.scanner-container{margin-top:1.5rem;width:100%}.qr-reader{border-radius:1rem;overflow:hidden;border:3px solid var(--primary-light);box-shadow:var(--shadow-lg);background:var(--gray-900)}.qr-reader video{width:100%;height:auto;display:block;border-radius:.875rem}.scanner-error{margin-top:1rem;padding:1rem;background:#fef2f2;border-radius:.75rem;text-align:center}.scanner-error .error-icon{font-size:2rem;margin-bottom:.5rem}.scanner-error .error-text{color:var(--error);font-size:.9rem}.scanner-instructions{margin-top:1rem;text-align:center}.scanner-instructions p{color:var(--gray-600);font-size:.95rem;margin-bottom:.75rem}.manual-input-toggle{color:var(--primary);background:none;border:none;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s}.manual-input-toggle:hover{color:var(--primary-dark)}.manual-input-container{margin-top:1.5rem;padding:1.5rem;background:var(--gray-50);border-radius:1rem;border:1px solid var(--gray-200)}.manual-input-form{display:flex;flex-direction:column;gap:1rem}.input-label{font-size:.95rem;font-weight:600;color:var(--gray-700)}.code-input{padding:.875rem;border:2px solid var(--gray-300);border-radius:.5rem;font-size:1.125rem;font-weight:600;text-align:center;font-family:Courier New,monospace;letter-spacing:.1em;transition:border-color .2s}.code-input:focus{outline:none;border-color:var(--primary)}.submit-button{padding:.875rem 1.5rem;background:var(--primary);color:white;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.submit-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-button:active{transform:translateY(0)}.cancel-button{padding:.75rem 1.25rem;background:white;color:var(--gray-700);border:1px solid var(--gray-300);border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:var(--gray-50);border-color:var(--gray-400)}@media (max-width:640px){.header-content{padding:1rem}.dashboard-title{font-size:1.5rem}.dashboard-main{padding:1rem}.tests-grid{grid-template-columns:1fr}.login-card{padding:2rem 1.5rem}.title{font-size:1.75rem}.scanner-card{max-width:100%}}.iframe-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:stretch;justify-content:stretch;z-index:1000;animation:fadeIn .3s ease-out}.iframe-container{width:100%;height:100%;background:white;display:flex;flex-direction:column;overflow:hidden}.iframe-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:white;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.iframe-header-content{flex:1 1;min-width:0}.iframe-header h3{font-size:1rem;font-weight:600;margin:0}.iframe-url-display{font-size:.875rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Courier New,monospace}.iframe-close-button{width:2rem;height:2rem;padding:0;background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.iframe-close-button:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.test-iframe{flex:1 1;width:100%;border:none;background:white}.test-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:white;text-decoration:none;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit}