:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-primary: #8b5cf6;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-error: #ef4444;--color-success: #22c55e;--color-warning: #eab308;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text)}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.logo{width:160px;margin-bottom:1rem}.card{background:var(--color-surface);border-radius:12px;padding:2rem;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.1)}.card .logo{display:block;margin:0 auto 1rem}.title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.5rem}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.3rem;color:var(--color-text-muted);font-size:.85rem;text-align:left}.input-group input{width:100%;padding:.7rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:var(--color-text);font-size:1rem}.input-group input:focus{outline:2px solid var(--color-primary);border-color:transparent}.btn{display:block;width:100%;max-width:400px;padding:.75rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.error-text{color:var(--color-error);font-size:.85rem;margin-bottom:1rem}.status-text{color:var(--color-text-muted);font-size:.85rem;margin-top:1rem}.scanner-container{width:100%;max-width:400px;margin:0 auto;border-radius:12px;overflow:hidden}#qr-reader{width:100%!important;border:none!important}#qr-reader video{width:100%!important;height:auto!important;object-fit:cover!important;aspect-ratio:1 / 1}#qr-reader img[alt="Info icon"]{display:none!important}.scan-again-btn{margin-top:1.5rem}.result-card{padding:2rem;border-radius:12px;text-align:center;margin-top:1.5rem;width:100%;max-width:400px}.result-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.result-warning{background:#eab30826;border:1px solid rgba(234,179,8,.3)}.result-error{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.result-icon{font-size:3rem;margin-bottom:.5rem}.result-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.result-detail{color:var(--color-text-muted);font-size:.85rem}.btn-logout{margin-top:1rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--color-text-muted);font-size:.85rem;padding:.5rem}.btn-logout:hover{border-color:var(--color-error);color:var(--color-error)}