@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:dark;--bg: #07111f;--bg-layer: #0a1830;--sidebar-bg: linear-gradient(180deg, #0f2143 0%, #0b1730 100%);--surface: rgba(10, 20, 38, .92);--surface-strong: rgba(16, 28, 52, .98);--surface-soft: rgba(24, 37, 67, .7);--field-bg: rgba(7, 16, 31, .78);--ink: #f4f8ff;--muted: #9cb2d1;--muted-strong: #c8d5ea;--border: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .24);--shadow: 0 28px 60px rgba(3, 7, 18, .34);--primary: #22c55e;--primary-strong: #16a34a;--primary-soft: rgba(34, 197, 94, .14);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .14);--gold: #f59e0b;--gold-soft: rgba(245, 158, 11, .14);--violet: #8b5cf6;--violet-soft: rgba(139, 92, 246, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14)}:root[data-theme=light]{color-scheme:light;--bg: #eff4fb;--bg-layer: #f8fbff;--sidebar-bg: linear-gradient(180deg, #163c6b 0%, #102b4b 100%);--surface: rgba(255, 255, 255, .94);--surface-strong: rgba(255, 255, 255, .99);--surface-soft: rgba(236, 243, 252, .92);--field-bg: rgba(245, 248, 254, .98);--ink: #13243f;--muted: #667a95;--muted-strong: #455b79;--border: rgba(37, 63, 102, .09);--border-strong: rgba(37, 63, 102, .15);--shadow: 0 28px 60px rgba(17, 24, 39, .08);--primary: #16a34a;--primary-strong: #15803d;--primary-soft: rgba(22, 163, 74, .1);--blue: #2563eb;--blue-soft: rgba(37, 99, 235, .1);--gold: #d97706;--gold-soft: rgba(217, 119, 6, .1);--violet: #7c3aed;--violet-soft: rgba(124, 58, 237, .1);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 26%),radial-gradient(circle at bottom right,rgba(34,197,94,.12),transparent 26%),linear-gradient(180deg,var(--bg) 0%,var(--bg-layer) 100%);color:var(--ink);font-family:IBM Plex Sans,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.client-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.client-sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:22px;z-index:25}.client-brand{position:relative;padding:16px;border-radius:24px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#040a1724;border:1px solid rgba(255,255,255,.08)}.client-brand-image{width:min(100%,210px);height:auto;display:block;filter:drop-shadow(0 10px 22px rgba(7,14,28,.35))}.client-sidebar-close,.client-menu-toggle{display:none}.client-nav{display:grid;gap:10px}.client-nav-item{text-decoration:none;display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;border:1px solid transparent;color:#eff5ff;transition:background .14s ease,border-color .14s ease,transform .14s ease}.client-nav-item:hover{transform:translate(2px);background:#ffffff14;border-color:#ffffff14}.client-nav-item.is-active{background:#ffffff1f;border-color:#ffffff24}.client-nav-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#60a5fa,#22c55e);box-shadow:0 0 0 5px #ffffff0d}.client-nav-copy{display:grid;gap:3px}.client-nav-copy strong{font-size:.97rem}.client-nav-copy small{color:#fff9;font-size:.78rem}.client-sidebar-footer{margin-top:auto;padding:18px 16px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);display:grid;gap:6px}.client-sidebar-footer span,.client-sidebar-footer small{color:#ffffff9e}.client-main{min-width:0;display:flex;flex-direction:column}.client-app-footer{width:min(100%,1480px);margin:0 24px 24px;padding:18px 22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted)}.client-app-footer-copy{display:grid;gap:4px}.client-app-footer-copy strong{color:var(--muted-strong);font-size:.94rem}.client-app-footer-copy small,.client-app-footer-meta{font-size:.82rem;line-height:1.6}.client-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 24px;background:#080f1bc7;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=light] .client-topbar{background:#f8fafed6}.client-topbar-left,.client-topbar-right,.client-inline-actions,.client-inline-fields,.client-keyvalue-item,.client-card-row-head,.client-badge-row,.client-bar-copy{display:flex;align-items:center;gap:12px}.client-topbar-left,.client-topbar-right{flex-wrap:wrap}.client-chip{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-soft);color:var(--muted-strong);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.strong-chip{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#f8fff8;border-color:transparent}.subtle-chip{background:var(--blue-soft)}.client-topbar-meta{display:grid;gap:2px;text-align:right}.client-topbar-meta span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.theme-toggle{min-height:44px;padding:4px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-soft);display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.theme-toggle span{min-width:74px;padding:8px 14px;border-radius:999px;color:var(--muted);font-weight:700}.theme-toggle .is-active{background:var(--blue);color:#f8fbff}.client-content{width:min(100%,1480px);padding:24px;display:grid;gap:22px}.client-hero,.client-panel{border-radius:28px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(34,197,94,.1),transparent 44%),linear-gradient(180deg,var(--surface) 0%,var(--surface-strong) 100%);box-shadow:var(--shadow)}.client-hero{padding:28px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:20px}.client-eyebrow{margin:0 0 10px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.client-hero h1,.client-panel h2,.client-auth-card h1{margin:0;font-family:Space Grotesk,sans-serif}.client-hero h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:.98}.client-hero-description,.client-panel-description{margin:14px 0 0;color:var(--muted);line-height:1.7}.client-hero-side,.client-stack,.client-form-stack,.client-card-list,.client-bar-list,.client-keyvalue-list{display:grid;gap:14px}.tight-gap{gap:4px}.client-hero-card,.client-metric-card,.client-card-row,.client-auth-info,.client-inline-note{padding:16px 18px;border-radius:20px;background:var(--surface-soft);border:1px solid var(--border);display:grid;gap:6px}.client-hero-card span,.client-metric-card span,.client-auth-info span,.client-stat-card span,.client-table-cell span,.client-inline-note span{color:var(--muted);font-size:.84rem}.client-metric-card small,.client-inline-note small{color:var(--muted);font-size:.8rem;line-height:1.5}.client-event-selector{display:grid;gap:12px}.client-event-selector strong{color:var(--muted-strong);font-size:.9rem;font-weight:600}.client-event-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.client-event-option{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;border:1px solid var(--border-strong);background:var(--surface-soft);transition:border-color .16s ease,transform .16s ease,background .16s ease}.client-event-option:hover{transform:translateY(-1px);border-color:#3b82f652}.client-event-option.is-selected{border-color:#22c55e5c;background:#22c55e14}.client-event-option input{width:18px;height:18px;margin:2px 0 0}.client-event-option span{color:var(--ink);font-size:.95rem;font-weight:700}.client-event-option small{color:var(--muted);line-height:1.45}.client-hero-card strong{font-size:1.12rem}.client-stats-grid,.client-grid,.client-mini-grid{display:grid;gap:16px}.client-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-grid.two-column,.client-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-stat-card{min-height:132px;padding:18px;border-radius:22px;display:grid;gap:12px;align-content:space-between}.client-stat-card strong{font-family:Space Grotesk,sans-serif;font-size:1.8rem}.client-stat-card small{color:var(--muted)}.stat-blue{background:linear-gradient(180deg,var(--blue-soft),rgba(59,130,246,.04))}.stat-teal{background:linear-gradient(180deg,var(--primary-soft),rgba(34,197,94,.04))}.stat-gold{background:linear-gradient(180deg,var(--gold-soft),rgba(245,158,11,.04))}.stat-violet{background:linear-gradient(180deg,var(--violet-soft),rgba(139,92,246,.04))}.client-panel-head{display:flex;justify-content:space-between;gap:16px;padding:24px 24px 0}.client-panel-action{display:flex;align-items:start}.client-panel-body{padding:24px}.client-banner{padding:14px 16px;border-radius:18px;border:1px solid var(--border)}.client-banner.success{background:var(--primary-soft);border-color:#22c55e3d}.client-banner.danger{background:var(--danger-soft);border-color:#f871713d}.client-banner.neutral{background:var(--surface-soft)}.client-banner.full-span{grid-column:1 / -1}.client-global-banner{margin:18px 24px 0}.client-global-banner.warning{background:var(--gold-soft);border-color:#f59e0b3d}.client-form-stack label,.client-inline-fields label,.client-inline-select{display:grid;gap:8px}.client-checkbox-row{grid-template-columns:auto 1fr;align-items:center}.client-checkbox-row input{width:18px;height:18px;margin:0}.client-form-stack label span,.client-inline-fields label span,.client-inline-select span{color:var(--muted-strong);font-size:.9rem;font-weight:600}input,textarea,select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border-strong);background:var(--field-bg);color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#22c55e8a;box-shadow:0 0 0 4px #22c55e1f}textarea{resize:vertical}.client-inline-fields{flex-wrap:wrap}.two-column-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-inline-fields label{flex:1 1 220px}.compact-field{min-width:220px}.primary-button,.ghost-button{min-height:46px;padding:0 16px;border-radius:16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#f8fff8}.ghost-button{background:var(--surface-soft);color:var(--ink);border-color:var(--border)}.full-width-button{width:100%}.ghost-button.danger-button{background:var(--danger-soft);color:#fecaca;border-color:#f871713d}:root[data-theme=light] .ghost-button.danger-button{color:#b42318}.client-card-row-head,.client-inline-actions{justify-content:space-between;flex-wrap:wrap}.client-badge-row{justify-content:flex-end;flex-wrap:wrap;gap:8px}.client-card-row.is-selectable{cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.client-card-row.is-selectable:hover{transform:translateY(-1px)}.client-card-row.is-selected-card{border-color:#22c55e52;background:linear-gradient(180deg,#22c55e1f,#22c55e0a),var(--surface-soft)}.client-list{display:grid;gap:14px}.client-list-item{padding:16px 18px;border-radius:20px;background:var(--surface-soft);border:1px solid var(--border);display:grid;gap:8px}.client-list-item p,.client-list-item small{margin:0;color:var(--muted);line-height:1.6}.client-card-row-head span{color:var(--muted)}.client-status-badge{min-height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue-soft);color:#b8d6ff;border:1px solid rgba(59,130,246,.22);font-size:.78rem;font-weight:700;text-transform:uppercase}.client-status-badge.status-connected,.client-status-badge.token-success{background:var(--primary-soft);color:#bbf7d0;border-color:#22c55e3d}.client-status-badge.status-otp-requested,.client-status-badge.token-neutral{background:#94a3b81f;color:#dbe5f4;border-color:#94a3b833}.client-status-badge.status-expired,.client-status-badge.status-error,.client-status-badge.token-danger{background:var(--danger-soft);color:#fecaca;border-color:#f871713d}.client-status-badge.token-warning{background:var(--gold-soft);color:#fcd34d;border-color:#f59e0b3d}.client-bar-row{display:grid;gap:10px}.client-bar-copy{justify-content:space-between}.client-bar-copy span{color:var(--muted)}.client-bar-track{height:14px;border-radius:999px;overflow:hidden;background:#ffffff0f}.client-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#22c55e)}.client-keyvalue-list{padding:0}.client-keyvalue-item{justify-content:space-between;padding:14px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border);flex-wrap:wrap}.delivery-item.client-keyvalue-item{display:grid;align-items:stretch}.delivery-item-head{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}.client-keyvalue-item span{color:var(--muted)}.client-hint-text{color:var(--muted);font-size:.9rem}.client-table-wrap{overflow-x:auto}.client-table{width:100%;min-width:780px;border-collapse:collapse}.client-table th,.client-table td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.client-table th{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.client-table tbody tr{transition:background .14s ease}.client-table tbody tr:hover{background:#3b82f60f}.client-table tbody tr.is-selected-row{background:#22c55e14}.client-table-cell{display:grid;gap:4px}.client-code-block{margin:0;max-height:260px;overflow:auto;padding:16px;border-radius:18px;background:#030712cc;color:#f4f8ff;border:1px solid rgba(255,255,255,.06);white-space:pre-wrap;word-break:break-word}.client-qr-preview{display:grid;gap:14px;justify-items:center;padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),var(--surface-soft);border:1px solid var(--border)}.client-qr-frame{width:min(100%,360px);aspect-ratio:1;padding:16px;border-radius:28px;background:#fff;box-shadow:0 18px 40px #0307123d;display:grid;place-items:center}.client-qr-image{width:100%;height:100%;object-fit:contain;display:block}.client-qr-placeholder{text-align:center;color:#475569;line-height:1.6;font-size:.92rem}.client-qr-copy{display:grid;gap:6px;text-align:center}.client-qr-copy strong{font-size:1.05rem}.client-qr-copy small{color:var(--muted);line-height:1.6;max-width:48ch}.client-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-action-tile{min-height:120px;padding:18px;border-radius:22px;border:1px solid var(--border);background:var(--surface-soft);display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--ink);transition:transform .14s ease,border-color .14s ease,background .14s ease}.client-action-tile:hover{transform:translateY(-1px);border-color:#3b82f642;background:#3b82f614}.client-action-tile strong{font-size:1rem}.client-action-tile small{color:var(--muted);line-height:1.6}:root[data-theme=light] .client-code-block{background:#eef4ff;color:#11223f}.client-empty-state{min-height:170px;display:grid;place-content:center;padding:18px;border-radius:20px;background:var(--surface-soft);border:1px dashed var(--border-strong);text-align:center;color:var(--muted)}.client-auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 24px;background:radial-gradient(circle at 20% 16%,rgba(59,130,246,.12),transparent 20%),radial-gradient(circle at 82% 82%,rgba(34,197,94,.08),transparent 24%),linear-gradient(180deg,#040a172e,#040a170f)}.client-auth-stage{width:min(100%,660px);display:grid;gap:18px}.client-auth-lockup{display:grid;justify-items:center;gap:14px;text-align:center}.client-auth-neu-card{display:grid;gap:16px;padding:28px 24px;border-radius:26px;background:linear-gradient(180deg,#182644db,#0c1427f5),#0c1427f0;border:1px solid rgba(255,255,255,.05);box-shadow:inset 2px 2px 14px #ffffff08,inset -4px -4px 18px #00000073,0 30px 72px #03071257}.client-auth-form-head{display:grid;gap:6px;text-align:center}.client-auth-mode-kicker{color:#8bb9ff;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.client-auth-form-head strong{font-size:1.32rem;color:var(--muted-strong);font-family:Space Grotesk,sans-serif}.client-auth-form-head p{margin:0;color:var(--muted);line-height:1.65}.client-auth-brand{width:100%;max-width:420px;padding:18px 20px;border-radius:26px;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 44%),linear-gradient(180deg,#ffffff0d,#ffffff05),#111e30b8;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff08;display:grid;justify-items:center}.client-auth-brand-image{width:min(100%,380px);height:auto;display:block}.client-auth-copy{display:grid;gap:10px}.client-auth-copy h1{font-size:clamp(2.2rem,5vw,3rem);line-height:1;letter-spacing:-.045em}.auth-description{max-width:54ch;margin:0 auto;font-size:1rem}.client-auth-google{display:grid;gap:12px}.client-auth-google small{color:var(--muted);line-height:1.6;font-size:.88rem}.client-auth-google-button{background:linear-gradient(180deg,#ffffff0a,#ffffff05),#0f192cf5;min-height:52px;font-weight:700;border-color:#94a3b829}.client-auth-divider{position:relative;display:grid;place-items:center}.client-auth-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--border)}.client-auth-divider span{position:relative;z-index:1;padding:0 12px;background:#0c172cf5;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.client-auth-form{gap:16px}.client-auth-neu-card input{background:#0a1222f5;border-color:#94a3b829;box-shadow:inset 2px 2px 8px #00000073,0 10px 24px #0000001f}.client-auth-neu-card input:focus{border-color:#3b82f680;box-shadow:0 0 0 4px #3b82f61f,inset 2px 2px 8px #00000073}.client-auth-neu-card .primary-button{min-height:50px;background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 14px 30px #3b82f63d}.client-auth-form-note{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.client-auth-form-note strong{color:var(--muted-strong)}.client-auth-switch{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.client-auth-switch button{padding:0;border:0;background:transparent;color:#9fc4ff;font-weight:700;text-decoration:underline}.client-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-plan-card{display:grid;gap:8px;padding:16px;border-radius:20px;border:1px solid var(--border);background:var(--surface-soft)}.client-plan-card.is-active{border-color:#22c55e47;background:linear-gradient(180deg,#22c55e1f,#22c55e0a),var(--surface-soft)}.client-docs-step-grid,.client-docs-header-grid{display:grid;gap:14px}.client-docs-code-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.client-docs-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-docs-header-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch}.client-docs-header-grid .client-inline-note{min-height:108px;height:100%;align-content:start}.client-docs-actions{margin-top:18px;justify-content:flex-start}.client-docs-code-panel{display:grid;gap:12px}.client-docs-snippet{gap:12px}.client-docs-snippet p{margin:0;color:var(--muted);line-height:1.7}.client-mobile-backdrop{display:none}.client-auth-footer{width:min(100%,760px);margin:0;padding:0;border-top:0}@media(max-width:1240px){.client-stats-grid,.client-grid.two-column,.client-hero,.client-mini-grid,.client-action-grid{grid-template-columns:1fr}}@media(max-width:980px){.client-shell{grid-template-columns:1fr}.client-mobile-backdrop{display:block;position:fixed;inset:0;background:#0307128a;border:0;z-index:29}.client-sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,320px);transform:translate(-105%);transition:transform .18s ease;z-index:30}.client-sidebar.is-open{transform:translate(0)}.client-sidebar-close,.client-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--surface-soft);color:var(--ink)}.client-sidebar-close{position:absolute;top:12px;right:12px;z-index:2}}@media(max-width:720px){.client-topbar,.client-content,.client-app-footer{padding-left:18px;padding-right:18px}.client-topbar{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding-top:12px;padding-bottom:12px}.client-topbar-left .client-chip.subtle-chip{display:none}.client-topbar-left,.client-topbar-right{min-width:0}.client-topbar-right{justify-content:flex-end}.client-topbar-meta span{display:none}.client-topbar-meta strong{max-width:148px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-toggle span{min-width:56px;padding:8px 12px;font-size:.92rem}.client-hero,.client-panel-body{padding:18px}.client-panel-head{padding:18px 18px 0;flex-direction:column}.two-column-fields,.client-plan-grid,.client-docs-step-grid,.client-docs-header-grid,.client-docs-code-grid{grid-template-columns:1fr}.client-auth-brand{width:100%;padding:12px 14px}.client-auth-copy h1{font-size:clamp(2rem,10vw,2.8rem)}.client-auth-brand-image{width:100%}.client-auth-neu-card{padding:22px 18px}.client-app-footer,.client-auth-footer{display:grid;gap:8px}.client-app-footer{margin-bottom:18px}}