:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--panel:#0f1b2d;--text:#f6f8fb;--muted:#9fb0c7;--accent:#4fd1c5;--accent-2:#8b5cf6;--border:#9fb0c733}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #12233d 0%, var(--bg) 55%);min-height:100%;color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}body{padding:24px}main{max-width:1180px;margin:0 auto}button,input,select,textarea{font:inherit}.grid{gap:24px;display:grid}.hero{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:24px;display:grid}.heroSingle{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.metric,.panel{border:1px solid var(--border);background:#0f1b2de6;border-radius:20px;box-shadow:0 14px 40px #0003}.card{padding:28px}.panel{padding:22px}.metric{padding:20px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:16px;font-size:3rem;line-height:1.05}p{color:var(--muted);line-height:1.6}.buttonRow{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.button{color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:12px 18px;font-weight:600}.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#03111f}.button.secondary{border-color:var(--border)}.button:disabled{opacity:.45;cursor:not-allowed}.fullWidth{width:100%}.buttonColumn{gap:12px;margin-top:20px;display:grid}.appShell{gap:24px;display:grid}.shellHeader{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.shellTitle{margin-bottom:8px;font-size:2.4rem}.shellDescription{max-width:54rem;margin-bottom:0}.shellActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.shellNav{flex-wrap:wrap;gap:14px;display:flex}.userSummary{text-align:right;gap:4px;display:grid}.userSummary span{color:var(--muted);font-size:.95rem}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.8rem;font-weight:700}.list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.list li{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.badge{color:var(--accent);border:1px solid #4fd1c54d;border-radius:999px;padding:6px 10px;font-size:.82rem;display:inline-flex}.previewCard{background:linear-gradient(135deg,#4fd1c52e,#8b5cf62e);border-radius:26px;flex-direction:column;justify-content:space-between;min-height:320px;padding:24px;display:flex}.previewFooter,.previewHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric strong{margin-bottom:8px;font-size:2rem;display:block}.sectionHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.textLink{color:var(--accent);font-weight:600}.detailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.detailsGrid strong,.fieldLabel{display:block}.fieldLabel{color:var(--muted);margin-bottom:6px;font-size:.9rem}.feedback{border:1px solid var(--border);border-radius:14px;margin-top:18px;margin-bottom:0;padding:12px 14px}.feedback.success{color:#c9f7d7;background:#22c55e24;border-color:#4ade8059}.feedback.error{color:#ffd4d4;background:#f8717124;border-color:#f8717159}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formGrid label{gap:8px;display:grid}.formGrid label>span{color:var(--muted);font-size:.95rem}.formGrid input,.formGrid select,.formGrid textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#07111fbf;border-radius:14px;padding:12px 14px}.formGrid textarea{resize:vertical}.fullWidth{grid-column:1/-1}.checkboxField{align-items:center;gap:10px!important;display:flex!important}.checkboxField input{width:auto}.checkboxGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.detailList{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.detailList div{border:1px solid var(--border);background:#07111f73;border-radius:16px;padding:14px}.detailList dt{color:var(--muted);margin-bottom:6px}.detailList dd{margin:0}.loginScreen{place-items:center;min-height:calc(100vh - 48px);display:grid}.loginCard{border:1px solid var(--border);background:#0f1b2deb;border-radius:24px;width:min(480px,100%);padding:32px;box-shadow:0 20px 50px #0000003d}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 0}.table th{color:var(--muted);font-weight:600}.searchRow{gap:12px;margin-bottom:12px;display:flex}.searchRow input{border:1px solid var(--border);color:var(--text);background:#07111fbf;border-radius:14px;flex:1;padding:12px 14px}.resultsMeta,.fieldLegend{color:var(--muted);font-size:.92rem}.templateGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.compactTemplateGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.templateCard{border:1px solid var(--border);background:#07111f73;border-radius:18px;padding:18px}.compactButtons{margin-top:14px}.inlineActions{justify-content:flex-end;margin-top:0}.adminListTable{table-layout:fixed}.adminListTable th:first-child{width:34%}.adminListTable th:nth-child(2){width:22%}.adminListTable th:nth-child(3){width:20%}.adminListTable th:nth-child(4){width:24%}.adminUserCell{padding-right:18px!important}.adminUserName{margin-bottom:4px;display:block}.adminUserMeta{gap:10px;display:grid}.adminMetaLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:.78rem}.adminBadgeRow{flex-wrap:wrap;gap:8px;display:flex}.adminActionsCell{padding-left:12px!important}.adminActionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.adminActionGrid form,.adminActionGrid a{min-width:0}.compactActionButton{text-align:center;width:100%;min-width:0;padding:10px 14px}.button.danger{color:#ffd4d4;border-color:#f8717159}.templateEditorLayout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.previewPanel{position:sticky;top:24px}.compactHeader{margin-bottom:12px}.templatePreviewCard{border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:280px;padding:22px;display:flex;box-shadow:inset 0 1px #ffffff14}.walletTopBar{justify-content:flex-start;display:flex}.walletTopPill,.walletChip{border-radius:999px;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.walletPreviewStack{justify-items:center;gap:14px;display:grid}.applePreviewStack{gap:10px;width:248px;display:grid}.walletMock{box-sizing:border-box;width:248px;box-shadow:none;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:14px;padding:18px 14px 10px;display:flex}.appleMock{min-height:380px}.googleMock{border-radius:22px;gap:12px;width:320px;min-height:240px;padding:18px;box-shadow:0 18px 34px #00000038}.googlePreviewStack{gap:0;width:320px;display:grid}.walletChromeRow,.walletLogoRow,.walletModuleRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.walletChromeTitle{font-size:.95rem;font-weight:700}.walletChromeSub,.walletSubheader{opacity:.92;font-size:.84rem}.walletFieldGrid{gap:10px;display:grid}.walletFieldGrid.twoCols{grid-template-columns:repeat(2,minmax(0,1fr))}.appleTopStrip{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.appleHeaderRow{flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:14px;display:flex}.appleHeaderCell{text-align:right;min-width:0}.appleHeaderCell strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;display:block;overflow:hidden}.applePrimaryWithPhoto{justify-content:space-between;align-items:flex-start;gap:12px;padding-top:4px;display:flex}.appleFieldRow{gap:16px;display:flex}.appleFieldCell{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.appleFieldCell strong{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.appleLogoWrap,.walletBrandRow{justify-content:flex-start;align-items:center;gap:10px;display:flex}.appleLogoMark{background:#ffffff2e;border:1px solid #ffffff38;border-radius:10px;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:grid;overflow:hidden}.appleLogoMark img{object-fit:cover;width:100%;height:100%}.googleLogoMark{border-radius:8px;width:28px;height:28px}.appleLogoText{font-size:1.02rem;font-weight:700;line-height:1.1}.googleTopRow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.googleIssuerBlock{gap:2px;display:grid}.googleIssuer{font-size:.95rem;font-weight:700;line-height:1.1}.googlePassHint{opacity:.85;font-size:.72rem}.googleTitleBlock{gap:3px;display:grid}.googleHeaderTitle{font-size:1.55rem;font-weight:700;line-height:1.12}.applePrimaryBlock{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.applePrimaryBlock .walletLabel{text-transform:uppercase;letter-spacing:.03em}.appleMainValue{font-size:1.05rem;font-weight:700;line-height:1.15}.appleQrBox{background:#fff;border:1px solid #00000014;border-radius:4px;width:74px;height:74px;padding:3px}.appleQrBand{margin-top:auto}.appleQrPlacard{color:#1f2937;background:#fff;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;display:flex}.appleQrCaption{text-align:center;width:90px;font-size:.52rem;font-weight:700;line-height:1.15}.appleBackPanel{box-sizing:border-box;border:1px solid var(--border);background:#07111f52;border-radius:18px;width:100%;padding:14px}.appleBackHeader{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.82rem}.appleBackGrid{gap:10px;display:grid}.appleBackField{gap:4px;display:grid}.walletInfoCard{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;gap:10px;padding:14px;display:grid}.googleInfoCard{gap:12px}.googleInfoItem{gap:3px;display:grid}.googleInfoItem+.googleInfoItem{border-top:1px solid #ffffff1f;padding-top:10px}.googleHeroStub{box-sizing:border-box;text-transform:uppercase;letter-spacing:.08em;color:#8b94a7;background:#ffffff05;border:1px dashed #788296b3;border-top:0;border-radius:0 0 12px 12px;place-items:center;width:100%;min-height:56px;font-size:.82rem;display:grid}.walletHeaderText{font-size:1rem;font-weight:700}.walletQrBand{justify-content:center;padding-top:6px;display:flex}.walletQrBox{border:1px solid #fff3;border-radius:16px;place-items:center;width:104px;height:104px;display:grid;overflow:hidden}.walletQrBox img{object-fit:cover;width:100%;height:100%}.walletQrBox.lightQr{background:#ffffff1a}.walletQrBox.darkQr{background:#ffffff14}.googleQrBand{justify-content:center;margin-top:auto}.googleQrBox{width:74px;height:74px}.googleQrPlacard{color:#1f2937}.walletMockHeader,.walletMockFooter,.walletRowLine{justify-content:space-between;align-items:center;gap:12px;display:flex}.walletBrand{font-weight:700}.walletDots{font-size:1.2rem;line-height:1}.walletMockBody{gap:8px;display:grid}.walletLabel{letter-spacing:0;font-size:.7rem;font-weight:700}.walletName{font-size:1.35rem}.walletBarcode{background:#ffffff29;border:1px solid #ffffff2e;border-radius:14px;place-items:center;min-width:52px;min-height:52px;font-weight:700;display:grid}.previewBody{gap:8px;display:grid}.previewName{font-size:1.35rem}.previewAvatar,.previewQr{background:#ffffff29;border:1px solid #ffffff2e;border-radius:18px;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.badgeRow,.inlineMetaRow{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mutedBadge{color:var(--muted);border-color:var(--border)}.paletteSection{gap:10px;display:grid}.paletteRow{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.paletteSwatch{color:#f6f8fb;text-align:left;cursor:pointer;background-image:none;border:1px solid #ffffff1f;border-radius:18px;min-height:72px;padding:14px;font-weight:600}.paletteSwatch span{background:#07111f47;border-radius:999px;padding:4px 8px;display:inline-block}.colorInputRow{grid-template-columns:1fr 56px;gap:10px;display:grid}.colorInputRow input[type=color]{min-height:48px;padding:4px}.rulesPanel{border:1px solid var(--border);background:#07111f5c;border-radius:18px;gap:12px;padding:18px;display:grid}.ruleList,.bindingGrid{gap:12px;display:grid}.bindingRow{grid-template-columns:160px 1fr 1.4fr;align-items:center;gap:10px;display:grid}.singleBindingRow{grid-template-columns:160px 1fr}.variableChipRow{flex-wrap:wrap;gap:10px;display:flex}.variableChip{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ruleRow{grid-template-columns:1.2fr 1fr 1.2fr auto;gap:10px;display:grid}.emptyState{border:1px dashed var(--border);color:var(--muted);border-radius:14px;padding:14px}.templateMetaGrid{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.topMarginSm{margin-top:12px}@media (max-width:900px){.hero,.metrics,.heroSingle,.detailsGrid,.formGrid,.detailList,.checkboxGrid,.templateEditorLayout,.ruleRow,.bindingRow,.singleBindingRow,.walletFieldGrid.twoCols,.searchRow{grid-template-columns:1fr}.appleHeaderRow{flex-wrap:wrap;justify-content:flex-end}.walletMock{width:100%;max-width:248px}.googleMock{max-width:320px}.googlePreviewStack{width:100%;max-width:320px}.searchRow{display:grid}.adminListTable,.adminListTable thead,.adminListTable tbody,.adminListTable tr,.adminListTable th,.adminListTable td{width:100%;display:block}.adminListTable thead{display:none}.adminListTable tr{border-bottom:1px solid var(--border);padding:16px 0}.adminListTable td{border-bottom:0;padding:6px 0}.adminActionsCell{margin-top:8px;padding-left:0!important}.previewPanel{position:static}.shellHeader,.sectionHeader,.shellActions{flex-direction:column;align-items:flex-start}.userSummary{text-align:left}body{padding:16px}h1{font-size:2.35rem}}
