:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#161b24;background:#f6f7f9;line-height:1.45;font-weight:400}*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#161b24}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.loadingShell{min-height:100vh;display:grid;place-items:center;color:#5d6470}.appShell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{padding:28px 20px;border-right:1px solid #e7e8ec;background:#fbfbfc;position:sticky;top:0;height:100vh}.brandMark{width:40px;height:40px;border-radius:14px;background:#f3ecd4;color:#161b24;display:grid;place-items:center;font-size:1.15rem;margin-bottom:16px}.sidebar h1,.topbar h2,.panel h3,h4{margin:0}.sidebarCopy{color:#6d7480;font-size:.96rem;margin:8px 0 0}.eyebrow{color:#7d8490;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.navList{display:grid;gap:6px;margin:28px 0}.navItem{padding:11px 12px;border-radius:14px;color:#505865}.navItemActive{background:#fff;color:#141922;border:1px solid #e7e8ec}.sidebarCard,.panel,.metricCard{background:#fff;border:1px solid #e7e8ec;border-radius:24px}.sidebarCard{padding:16px}.smallMuted,.muted{color:#6d7480}.smallMuted{font-size:.92rem}.muted{margin:6px 0 0}.contentShell{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.statusPill{border-radius:999px;padding:8px 12px;font-size:.9rem;border:1px solid #dcdfe5}.statusSoft{background:#f4f5f7}.statusSuccess{background:#edf8f0;border-color:#c8ebd0}.statusWarn{background:#fff5e8;border-color:#f0d5a7}.topbarActions{display:flex;gap:10px}.pageGrid{display:grid;gap:18px}.metricsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metricCard{padding:18px}.metricValue{font-size:1.5rem;font-weight:600;margin:10px 0 6px}.panel{padding:18px}.panelHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.twoCol,.twoColTop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stackList,.listTable,.tableList{display:grid;gap:12px}.stackRow,.tableRowCompact,.tableRow,.checkItem{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #eff1f4}.stackRow:first-child,.tableRowCompact:first-child,.tableRow:first-child,.checkItem:first-child{border-top:0;padding-top:0}.stackRow span{max-width:70%;color:#5d6470}.bulletGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oneCol{grid-template-columns:1fr}.bulletCard{padding:16px;border:1px solid #eceef2;border-radius:18px;background:#fafbfc}.verificationCard,.gatewayMock{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#fcfcfd,#f4f6f9);border:1px solid #eceef2}.codeBlock{padding:12px 14px;border-radius:14px;background:#141922;color:#f7f8f9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.checkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.checkItem{border:1px solid #eceef2;border-radius:18px;padding:14px}.checkDot{width:28px;height:28px;border-radius:999px;border:1px solid #d8dde6;display:grid;place-items:center;color:transparent}.checkDotDone{background:#141922;color:#fff;border-color:#141922}.qrMock{width:92px;height:92px;border-radius:16px;border:1px solid #d8dde6;display:grid;place-items:center;font-weight:600;background:repeating-linear-gradient(45deg,#fff,#fff 8px,#f0f2f5 8px,#f0f2f5 16px)}.gatewayBrand{width:44px;height:44px;border-radius:14px;background:#f3ecd4}.authMock{justify-content:flex-start}.formGrid{display:grid;gap:12px}input,textarea,select{width:100%;border-radius:16px;border:1px solid #dde2ea;background:#fff;padding:14px;color:#161b24}.primaryButton,.secondaryButton{border-radius:16px;border:1px solid #d5dae2;padding:12px 16px;cursor:pointer}.primaryButton{background:#141922;color:#fff;border-color:#141922}.secondaryButton{background:#fff;color:#161b24}.tableRow{grid-template-columns:1.4fr 1fr 1fr auto;display:grid;align-items:center}.tableContact{color:#5d6470;font-size:.95rem}@media (max-width: 1080px){.appShell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #e7e8ec}.metricsGrid,.twoCol,.twoColTop,.checkGrid,.bulletGrid,.tableRow{grid-template-columns:1fr}}