:root{--zalon-navy: #0b3666;--zalon-navy-light: #164a8a;--surface: #f5f7fa;--text: #1a1a2e;--text-muted: #6b7280;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--surface);color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem}#app{width:100%;max-width:480px}.header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.header img{width:40px;height:40px;border-radius:8px}.header h1{font-size:1.25rem;font-weight:600;color:var(--zalon-navy)}.card{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.field{margin-bottom:1rem}.field label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:.375rem}.field input,.field select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--zalon-navy);box-shadow:0 0 0 3px #0b36661a}.actions{display:flex;gap:.5rem;margin-top:1rem}.btn{flex:1;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary{background:var(--zalon-navy);color:#fff}.btn-primary:hover{background:var(--zalon-navy-light)}.btn-secondary{background:#e5e7eb;color:var(--text)}.btn-secondary:hover{background:#d1d5db}.btn:disabled{opacity:.5;cursor:not-allowed}.qr-output{margin-top:1.5rem;background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-output canvas{border-radius:var(--radius);max-width:100%;height:auto}.hidden{display:none}@media(max-width:480px){.btn-secondary{display:none}}