:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--panel:#fff;--ink:#172033;--muted:#657187;--line:#d9e0ea;--primary:#0f766e;--primary-dark:#0b5e58;--accent:#b7791f;--danger:#b42318;--shadow:0 10px 30px #17203314}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:minmax(300px,380px) 1fr;gap:24px;min-height:100vh;padding:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.sidebar{align-self:start;padding:22px;position:sticky;top:24px}.brand{align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:800;display:grid}h1,h2,p{margin:0}h1{font-size:1.35rem;line-height:1.2}.brand p,.dialog-top p,.empty-state p{color:var(--muted);margin-top:4px}.auth-summary{border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px;display:flex}.auth-summary p{color:var(--muted);font-size:.78rem;font-weight:800}.auth-summary strong{overflow-wrap:anywhere;margin-top:2px;font-size:.86rem;display:block}.auth-summary button{flex:none;min-height:38px}.auth-setup{align-items:center;min-height:100vh;padding:24px;display:grid}.auth-setup-panel{width:100%;max-width:480px;margin:0 auto;padding:22px}.landing-shell{color:var(--ink);background:#f5f7fa;min-height:100vh}.landing-nav{z-index:2;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(20px,5vw,72px);display:flex;position:relative}.landing-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.landing-brand strong,.landing-brand small{display:block}.landing-brand strong{font-size:1rem}.landing-brand small{color:var(--muted);margin-top:2px}.landing-nav-link,.landing-primary-link,.landing-secondary-link{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-weight:800;text-decoration:none;display:inline-flex}.landing-nav-link,.landing-secondary-link{color:var(--ink);background:#e8edf4}.landing-primary-link{background:var(--primary);color:#fff}.landing-hero{background:#eef4f7;align-items:center;min-height:calc(100vh - 82px);padding:clamp(48px,7vw,96px) clamp(20px,5vw,72px);display:grid;position:relative;overflow:hidden}.landing-preview-scene{pointer-events:none;justify-content:flex-end;padding:0 clamp(20px,7vw,120px) clamp(32px,6vw,80px);display:flex;position:absolute;inset:0}.landing-phone{background:#101827;border:10px solid #111827;border-radius:34px;align-self:center;gap:14px;width:32vw;max-width:330px;height:min(560px,70vh);padding:20px;display:grid;transform:rotate(3deg);box-shadow:0 26px 70px #1720333d}.landing-phone-top{justify-content:space-between;align-items:center;min-height:28px;display:flex}.landing-phone-top span:first-child{background:#d5dde9;border-radius:999px;width:64px;height:8px}.landing-phone-top span:last-child{background:var(--primary);border-radius:50%;width:12px;height:12px}.landing-wallet-card{background:#fff;border-radius:8px;gap:6px;padding:18px;display:grid}.landing-wallet-card strong{font-size:1.25rem}.landing-wallet-card small{color:var(--muted);font-weight:700}.landing-wallet-card.compact{background:#e7f5ef;align-self:end}.landing-barcode{background:#fff;justify-content:center;align-items:stretch;gap:3px;height:86px;margin-top:14px;padding:14px 10px;display:flex;overflow:hidden}.landing-barcode span{background:#0b0f19;flex:0 0 3px;display:block}.landing-barcode span:nth-child(3n){flex-basis:6px}.landing-barcode span:nth-child(4n){flex-basis:2px}.landing-barcode span:nth-child(7n){background:0 0;flex-basis:4px}.landing-hero-content{z-index:1;max-width:620px;position:relative}.landing-kicker{color:var(--primary-dark);text-transform:uppercase;margin-bottom:12px;font-size:.82rem;font-weight:900}.landing-hero h1{max-width:9ch;font-size:clamp(3rem,8vw,5.8rem);line-height:.98}.landing-copy{color:#3f4c63;max-width:560px;margin-top:22px;font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.55}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.landing-feature-band{background:#fff;padding:clamp(42px,6vw,76px) clamp(20px,5vw,72px)}.landing-section-heading{max-width:720px}.landing-section-heading h2{font-size:clamp(1.8rem,4vw,3rem)}.landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.landing-feature{border:1px solid var(--line);border-radius:8px;gap:10px;padding:20px;display:grid}.landing-feature span{color:var(--primary-dark);background:#e7f5ef;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:grid}.landing-feature h3{margin:0;font-size:1rem}.landing-feature p{color:var(--muted);line-height:1.5}.card-form,.toolbar{gap:16px;display:grid}.form-heading,.mobile-add-toggle{display:none}label{color:var(--muted);gap:7px;font-size:.88rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;width:100%;min-height:44px;padding:10px 12px}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #0f766e33}textarea{resize:vertical;line-height:1.45}.check-row{align-items:center;gap:10px;display:flex}.check-row input{width:18px;height:18px;min-height:auto}.form-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}button{cursor:pointer;border:0;border-radius:7px;min-height:44px;padding:10px 14px;font-weight:800}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark)}.secondary,.icon-button{color:var(--ink);background:#e8edf3}.workspace{grid-template-rows:auto minmax(0,1fr);gap:18px;display:grid}.mobile-wallet-top{display:none}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;padding:16px}.filter-toggle{min-height:44px}.backup-actions{grid-template-columns:repeat(3,auto);gap:8px;display:grid}.mobile-sign-out{display:none}.backup-actions button,.import-button{min-width:86px}.backup-actions button:disabled{cursor:not-allowed;opacity:.55}.import-button{color:var(--ink);cursor:pointer;background:#e8edf3;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-size:1rem;font-weight:800;display:grid}.import-button input{opacity:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.backup-status,.cloud-status{grid-column:1/-1;font-size:.82rem;line-height:1.4}.cloud-status{border-radius:7px;margin-top:-8px;padding:8px 10px;font-weight:800}.backup-status,.cloud-status.muted,.cloud-status.info{color:var(--muted)}.cloud-status.success{color:#136c3a;background:#e9f7ef}.cloud-status.warning{color:#8a5700;background:#fff7e6}.empty-state{border:2px dashed var(--line);color:var(--ink);text-align:center;border-radius:8px;align-content:center;justify-items:center;gap:8px;min-height:340px;padding:24px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,260px));align-items:start;gap:16px;display:grid}.loyalty-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:14px;min-height:210px;padding:16px;display:flex}.loyalty-card:hover{border-color:#b9c6d6}.card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.issuer{overflow-wrap:anywhere;font-size:1.1rem;font-weight:850;line-height:1.2}.favorite{color:var(--accent);font-size:1.2rem;line-height:1}.barcode-preview{border:1px solid var(--line);background:#f8fafc;border-radius:7px;align-items:center;min-height:72px;padding:10px;display:grid;overflow:hidden}.barcode-preview svg{width:100%;max-width:100%;display:block}.barcode-image-preview{object-fit:contain;width:100%;max-height:96px;display:block}.barcode-preview .barcode-error{align-self:center;font-size:.78rem}.card-image-thumb{border:1px solid var(--line);object-fit:contain;border-radius:7px;width:100%;height:84px}.card-number{color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.tag-list{flex-wrap:wrap;align-self:flex-start;align-items:flex-start;gap:6px;width:100%;display:flex}.tag{color:#405064;white-space:nowrap;writing-mode:horizontal-tb;background:#eef2f6;border-radius:999px;flex:none;align-items:center;width:fit-content;height:26px;min-height:26px;max-height:26px;padding:5px 8px;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex}.card-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.card-actions .secondary{min-width:72px;min-height:40px}.card-actions .danger{min-width:44px;min-height:40px}.danger{color:var(--danger);background:#fff0ee}.dialog-backdrop{z-index:20;background:#17203373;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.card-dialog{background:var(--panel);border-radius:8px;width:760px;max-width:min(760px,100vw - 24px);box-shadow:0 25px 80px #1720333d}.dialog-top{justify-content:space-between;align-items:start;gap:16px;padding:20px;display:flex}.icon-button{border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;font-size:1.2rem;display:grid}.barcode-stage{border-top:1px solid var(--line);justify-items:center;gap:12px;padding:26px 20px 30px;display:grid}.barcode-stage svg{border:1px solid var(--line);background:#fff;width:100%;max-width:100%;padding:12px}.barcode-stage-image{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:7px;width:100%;max-height:min(48vh,360px);padding:12px}.barcode-human{overflow-wrap:anywhere;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.9rem,2vw,1.2rem)}.barcode-error{color:var(--danger);overflow-wrap:anywhere;text-align:center;font-size:.85rem;font-weight:800}.scanner{border:1px solid var(--line);border-radius:7px;gap:10px;padding:12px;display:grid}.scanner-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:800;display:flex}.scanner-picker{color:var(--ink);cursor:pointer;text-align:center;background:#e8edf3;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:10px 12px;font-size:.95rem;font-weight:800;display:grid}.scanner-picker input{opacity:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.scanner-clear{color:var(--danger);background:#fff0ee;min-height:32px;padding:6px 10px;font-size:.8rem}.scanner-preview-wrap{border:1px solid var(--line);border-radius:7px;gap:8px;padding:8px;display:grid}.scanner-preview{object-fit:contain;width:100%;max-height:150px}.scanner-file-name{color:var(--ink);overflow-wrap:anywhere;font-size:.8rem;font-weight:800}.scanner-status{color:var(--muted);font-size:.82rem;line-height:1.4}.stored-image-stage{border-top:1px solid var(--line);gap:12px;padding:20px;display:grid}.stored-image-stage h3{margin:0;font-size:.95rem}.stored-image-stage img{border:1px solid var(--line);object-fit:contain;border-radius:7px;width:100%;max-height:260px}.feedback-backdrop{z-index:30}.feedback-dialog{background:var(--panel);border-radius:8px;width:520px;max-width:min(520px,100vw - 24px);box-shadow:0 25px 80px #1720333d}.feedback-top{border-bottom:1px solid var(--line)}.feedback-top p{color:var(--muted);margin-top:4px}.feedback-form{gap:16px;padding:20px;display:grid}.feedback-status{border-radius:7px;padding:9px 10px;font-size:.85rem;font-weight:800;line-height:1.4}.feedback-status.success{color:#136c3a;background:#e9f7ef}.feedback-status.warning{color:#8a5700;background:#fff7e6}@media (width<=1040px){.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-phone{opacity:.45;width:42vw}}@media (width<=820px){button,input,select{font-size:16px}.landing-nav{padding:14px 14px 8px}.landing-brand .brand-mark{width:42px;height:42px}.landing-nav-link{min-height:40px;padding:9px 14px}.landing-hero{flex-direction:column;align-items:start;gap:26px;min-height:auto;padding:34px 18px 42px;display:flex}.landing-preview-scene{order:2;justify-content:center;align-items:end;width:100%;padding:0;position:relative}.landing-phone{opacity:.9;border-width:8px;width:min(78vw,280px);max-width:280px;height:300px;padding:12px;transform:rotate(0)}.landing-phone-top{min-height:18px}.landing-wallet-card{gap:3px;padding:12px}.landing-wallet-card strong{font-size:1rem}.landing-barcode{height:56px;margin-top:8px;padding:8px}.landing-hero h1{max-width:10ch;font-size:clamp(2.45rem,13vw,3.3rem)}.landing-copy{margin-top:18px;font-size:1.05rem;line-height:1.45}.landing-actions{grid-template-columns:1fr;display:grid}.landing-feature-band{padding:36px 14px}.landing-feature-grid{grid-template-columns:1fr}.app-shell{min-height:100svh;padding:10px 10px calc(132px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.sidebar{order:2;padding:14px;position:static}.sidebar.form-visible{box-shadow:none;padding:18px 10px calc(132px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-radius:0;width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.sidebar.form-collapsed,.sidebar>.brand,.sidebar>.auth-summary,.sidebar>.mobile-add-toggle{display:none}.brand{gap:12px;margin-bottom:14px}.brand-mark{border-radius:7px;width:40px;height:40px}h1{font-size:1.2rem}.brand p{font-size:.95rem}.auth-summary{align-items:center;margin-bottom:12px;padding:10px}.auth-summary strong{font-size:.8rem;line-height:1.25}.auth-summary button{min-height:36px;padding:8px 10px}.mobile-add-toggle{width:100%;display:grid}.form-heading{justify-content:space-between;align-items:center;display:flex}.form-heading h2{font-size:1rem}.form-heading button{min-height:36px;padding:8px 10px}.card-form{gap:12px;margin-top:12px}label{gap:6px}input,select{min-height:48px}.workspace{order:1;gap:12px}.mobile-form-open .sidebar{order:1}.mobile-form-open .workspace{order:2}.mobile-wallet-top{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:12px;padding:14px;display:grid}.mobile-title-row{align-items:center;gap:12px;display:flex}.mobile-title-row p{color:var(--muted);margin-top:2px}.mobile-top-actions{grid-template-columns:1fr 96px;gap:8px;display:grid}.mobile-top-actions .secondary{padding-left:12px;padding-right:12px}.toolbar{grid-template-columns:1fr;gap:10px;padding:12px}.filter-toggle{min-height:36px}.card-grid{grid-template-columns:1fr;gap:14px;padding-bottom:48px}.loyalty-card{cursor:pointer;gap:12px;min-height:auto;padding:14px}.issuer{font-size:1.2rem}.barcode-preview{min-height:96px}.card-image-thumb{height:72px}.backup-actions{grid-template-columns:1fr 1fr;display:none}.backup-actions button,.import-button{min-width:0}.backup-actions.mobile-tools-open{display:grid}.mobile-sign-out{grid-column:1/-1;display:grid}.cloud-status.success{padding:6px 8px;font-size:.78rem}.dialog-backdrop{padding:max(10px, env(safe-area-inset-top)) 10px max(18px, env(safe-area-inset-bottom));background:#07090d;align-items:stretch}.card-dialog{box-shadow:none;color:#fff;background:#07090d;border-radius:0;grid-template-rows:auto 1fr;align-self:stretch;width:100%;max-width:none;display:grid}.dialog-top{padding:10px 4px 14px}.dialog-top p{color:#a8b2c3}.dialog-top .icon-button{color:#fff;background:#ffffff24}.barcode-stage{border-top:0;align-content:center;gap:18px;padding:10px 0 24px}.barcode-stage svg,.barcode-stage-image{border:0;border-radius:10px;max-height:58vh;padding:16px}.barcode-human{color:#fff;font-size:1.05rem}}@media (width<=430px){.form-actions,.mobile-top-actions{grid-template-columns:1fr}.card-actions .danger{min-height:40px}}.auth-setup-panel form{gap:18px;display:grid}.auth-setup-panel nav{flex-wrap:wrap;gap:12px;display:flex}.auth-setup-panel h2{margin-block:20px}