:root{--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--color-primary: #1A7A4A;--color-primary-hover: #145c37;--color-primary-light: var(--green-100);--color-primary-pale: #F0FAF4;--color-bg: #F0FAF4;--color-surface: #ffffff;--color-border: var(--gray-200);--color-text: var(--gray-900);--color-muted: var(--gray-500);--color-subtle: var(--gray-400);--color-success: var(--green-600);--color-error: #ef4444;--color-warning: #f59e0b;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .07), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .07), 0 8px 10px -6px rgb(0 0 0 / .04);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition: .15s ease;--transition-md: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100dvh}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.page{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:480px;margin:0 auto;padding:0 var(--space-4)}.container--wide{max-width:640px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md);border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;font-size:var(--text-base);font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px #16a34a4d}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-pale)}.btn--ghost{background:transparent;color:var(--color-muted);padding:.5rem 1rem;font-weight:500}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:var(--gray-100)}.btn--full{width:100%}.btn--sm{padding:.5rem 1rem;font-size:var(--text-sm)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:500;color:var(--gray-700)}.field__input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1f}.field__input::placeholder{color:var(--color-subtle)}.field__hint{font-size:var(--text-xs);color:var(--color-muted)}.field__error{font-size:var(--text-xs);color:var(--color-error);font-weight:500}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500}.alert--error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert--success{background:var(--green-50);color:var(--green-800);border:1px solid var(--green-200)}.alert--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--text-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar__brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--color-primary)}.navbar__brand-icon{display:flex;align-items:center;justify-content:center}.page-header{padding:var(--space-8) var(--space-4) var(--space-4);text-align:center}.page-header__eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-2)}.page-header__title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);line-height:1.2;margin-bottom:var(--space-2)}.page-header__sub{font-size:var(--text-base);color:var(--color-muted);max-width:340px;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner--lg{width:40px;height:40px;border-width:3.5px}.spinner-page{min-height:100dvh;display:flex;align-items:center;justify-content:center}.toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),background var(--transition);gap:var(--space-4);-webkit-user-select:none;user-select:none}.toggle:hover{border-color:var(--color-primary)}.toggle--active{border-color:var(--color-primary);background:var(--green-50)}.toggle__content{flex:1}.toggle__label{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:2px}.toggle__desc{font-size:var(--text-sm);color:var(--color-muted)}.toggle__switch{flex-shrink:0;width:48px;height:28px;background:var(--gray-300);border-radius:999px;position:relative;transition:background var(--transition-md)}.toggle__switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform var(--transition-md);box-shadow:var(--shadow-xs)}.toggle--active .toggle__switch{background:var(--color-primary)}.toggle--active .toggle__switch:after{transform:translate(20px)}.qr-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.qr-card__header{background:linear-gradient(135deg,var(--green-600) 0%,var(--green-500) 100%);padding:var(--space-6);color:#fff;text-align:center}.qr-card__header-name{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-1)}.qr-card__header-sub{font-size:var(--text-sm);opacity:.85}.qr-card__body{padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.qr-card__image-wrap{background:#fff;border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow);border:1px solid var(--color-border);display:inline-flex}.qr-card__image{width:200px;height:200px;object-fit:contain;display:block}.qr-card__image-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius);color:var(--gray-400);font-size:48px}.qr-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--green-100);color:var(--green-700);border-radius:999px;font-size:var(--text-xs);font-weight:600}.qr-card__footer{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.steps{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--space-4) 0}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.step-item__dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);transition:all var(--transition-md);position:relative;z-index:1}.step-item__dot--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #16a34a26}.step-item__dot--done{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.step-item__label{font-size:var(--text-xs);font-weight:500;color:var(--color-muted);white-space:nowrap}.step-item__label--active{color:var(--color-primary);font-weight:600}.step-connector{width:48px;height:2px;background:var(--color-border);margin:0 -2px 22px;flex-shrink:0;transition:background var(--transition-md)}.step-connector--done{background:var(--color-primary)}.consent-section{display:flex;flex-direction:column;gap:var(--space-3)}.confirm-icon{width:72px;height:72px;background:var(--green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto}.data-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.data-row:last-child{border-bottom:none}.data-row__icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--green-50);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.data-row__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:2px}.data-row__value{font-size:var(--text-base);font-weight:500;color:var(--color-text)}.auth-tabs{display:flex;background:var(--gray-100);border-radius:var(--radius);padding:3px;gap:3px}.auth-tab{flex:1;padding:.5rem;font-size:var(--text-sm);font-weight:600;border:none;background:transparent;border-radius:calc(var(--radius) - 2px);cursor:pointer;color:var(--color-muted);transition:all var(--transition)}.auth-tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.empty{text-align:center;padding:var(--space-12) var(--space-4)}.empty__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.4}.empty__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.empty__text{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-6)}.stat-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-muted)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}