:root{--rebill-blue: #0056f6;--rebill-blue-hover: #0046cc;--rebill-blue-soft: #e8f0ff;--rebill-navy: #000b2e;--rebill-error: #e75264;--rebill-error-bg: #fef2f4;--rebill-error-border: #f5c6ce;--surface: #ffffff;--surface-muted: #fafafa;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--shadow: 0 1px 3px rgba(0, 11, 46, .08)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--surface-muted);color:var(--text);min-height:100vh}.container{max-width:720px;margin:0 auto;padding:32px 16px 64px}h1{font-size:1.35rem;margin:0 0 4px;color:var(--rebill-navy);font-weight:700}.muted{color:var(--text-muted);font-size:.875rem}code{background:var(--rebill-blue-soft);color:var(--rebill-blue);padding:1px 5px;border-radius:4px;font-size:.85em}.page-header,.app-header{margin-bottom:8px}.brand-block{display:flex;align-items:center;gap:16px}.brand-logo{flex-shrink:0;height:36px;width:auto}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.form{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:20px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;color:var(--rebill-navy)}input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:.95rem;transition:border-color .15s ease}input:focus{outline:none;border-color:var(--rebill-blue);box-shadow:0 0 0 3px #0056f61f}button{background:var(--rebill-blue);color:#fff;border:none;border-radius:8px;padding:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:var(--rebill-blue-hover)}button:disabled{opacity:.5;cursor:not-allowed}.error-alert{margin-top:16px;background:var(--rebill-error-bg);border:1px solid var(--rebill-error-border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.error-alert strong{color:#bf1a2e;font-size:.9rem}.error-alert p{margin:0;color:#7f1d2a;font-size:.875rem;line-height:1.45}.error-code{font-size:.75rem;color:var(--text-muted);margin-top:2px}.qr-list{display:flex;flex-direction:column;gap:20px;margin-top:28px}.qr-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.qr-card-header{display:flex;justify-content:space-between;align-items:baseline}.qr-image{display:flex;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px}.qr-meta{font-size:.8rem;display:flex;flex-direction:column;gap:4px;word-break:break-all}.secondary-btn{background:var(--surface);color:var(--rebill-navy);border:1px solid var(--border);padding:8px 14px;white-space:nowrap}.secondary-btn:hover:not(:disabled){background:var(--surface-muted);border-color:#d1d5db}.copy-actions{display:flex;flex-direction:column;gap:8px}.copy-btn{align-self:flex-start;padding:8px 20px}@media(max-width:640px){.app-header{flex-direction:column}.brand-block{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}}