:root{--navy:#002f6c;--navy-dark:#001f4d;--navy-light:#0a4091;--gold:#c5a44e;--gold-light:#dcc588;--gold-pale:#f5f0e0;--cream:#edeae3;--white:#fff;--text:#1a1a2e;--text-muted:#5a5a6e;--border:#d4d0c8;--success:#1b7a3d;--success-bg:#e8f2ec;--error:#a5201f;--error-bg:#f8e8e8;--font-heading:"Merriweather", Georgia, "Times New Roman", serif;--font-body:"Source Sans 3", "Segoe UI", Tahoma, Geneva, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;color:var(--text);background:var(--cream);margin:0}#root{min-height:100vh}.app{background:var(--cream);min-height:100vh;font-family:var(--font-body);flex-direction:column;display:flex}.app-header{background:var(--navy);color:var(--white);z-index:100;border-bottom:3px solid var(--gold);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:10px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.app-header h1{font-family:var(--font-heading);letter-spacing:.3px;margin:0;font-size:16px;font-weight:700}.user-badge{color:var(--gold-light);text-transform:uppercase;letter-spacing:.5px;background:#c5a44e40;border-radius:3px;padding:2px 10px;font-size:12px;font-weight:600}.scan-count{background:#ffffff1f;border-radius:3px;padding:4px 12px;font-size:12px;font-weight:500}.offline-badge{background:var(--error);text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:3px 10px;font-size:11px;font-weight:700}.offline-banner{background:var(--error-bg);color:var(--error);text-align:center;border-bottom:1px solid #a5201f33;padding:8px 20px;font-size:13px;font-weight:600}.sync-banner{background:var(--success-bg);color:var(--success);text-align:center;border-bottom:1px solid #1b7a3d33;padding:8px 20px;font-size:13px;font-weight:600;animation:.3s ease-out slideDown}.readonly-badge{background:var(--gold);color:var(--navy-dark);text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:3px 10px;font-size:10px;font-weight:700}.readonly-banner{background:var(--gold-pale);color:#7a6520;text-align:center;border-bottom:1px solid var(--gold-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 20px;font-size:13px;font-weight:500;display:flex}.readonly-back{background:var(--navy);color:#fff;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);border:none;border-radius:3px;padding:5px 14px}.feedback-banner{text-align:center;font-size:16px;font-weight:700;font-family:var(--font-heading);letter-spacing:.3px;padding:14px 20px;animation:.3s ease-out slideDown}.feedback-free,.feedback-match{background:var(--success-bg);color:var(--success);border-bottom:2px solid var(--success)}.feedback-nomatch{background:var(--error-bg);color:var(--error);border-bottom:2px solid var(--error)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}