@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--bg-layer:#0a1830;--sidebar-bg:linear-gradient(180deg, #0f2143 0%, #0b1730 100%);--surface:#0a1426eb;--surface-strong:#101c34fa;--surface-soft:#182543b3;--field-bg:#07101fc7;--ink:#f4f8ff;--muted:#9cb2d1;--muted-strong:#c8d5ea;--border:#94a3b824;--border-strong:#94a3b83d;--shadow:0 28px 60px #03071257;--primary:#22c55e;--primary-strong:#16a34a;--primary-soft:#22c55e24;--blue:#3b82f6;--blue-soft:#3b82f624;--gold:#f59e0b;--gold-soft:#f59e0b24;--violet:#8b5cf6;--violet-soft:#8b5cf624;--danger:#f87171;--danger-soft:#f8717124}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eff4fb;--bg-layer:#f8fbff;--sidebar-bg:linear-gradient(180deg, #163c6b 0%, #102b4b 100%);--surface:#fffffff0;--surface-strong:#fffffffc;--surface-soft:#ecf3fceb;--field-bg:#f5f8fefa;--ink:#13243f;--muted:#667a95;--muted-strong:#455b79;--border:#253f6617;--border-strong:#253f6626;--shadow:0 28px 60px #11182714;--primary:#16a34a;--primary-strong:#15803d;--primary-soft:#16a34a1a;--blue:#2563eb;--blue-soft:#2563eb1a;--gold:#d97706;--gold-soft:#d977061a;--violet:#7c3aed;--violet-soft:#7c3aed1a;--danger:#dc2626;--danger-soft:#dc26261a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #3b82f61f, transparent 26%), radial-gradient(circle at bottom right, #22c55e1f, 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{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.client-sidebar{background:var(--sidebar-bg);z-index:25;border-right:1px solid #ffffff14;flex-direction:column;gap:22px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.client-brand{background:linear-gradient(#ffffff1a,#ffffff0a),#040a1724;border:1px solid #ffffff14;border-radius:24px;padding:16px;position:relative}.client-brand-image{filter:drop-shadow(0 10px 22px #070e1c59);width:min(100%,210px);height:auto;display:block}.client-sidebar-close,.client-menu-toggle{display:none}.client-nav{gap:10px;display:grid}.client-nav-item{color:#eff5ff;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:background .14s,border-color .14s,transform .14s;display:flex}.client-nav-item:hover{background:#ffffff14;border-color:#ffffff14;transform:translate(2px)}.client-nav-item.is-active{background:#ffffff1f;border-color:#ffffff24}.client-nav-dot{background:linear-gradient(135deg,#60a5fa 0%,#22c55e 100%);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 5px #ffffff0d}.client-nav-copy{gap:3px;display:grid}.client-nav-copy strong{font-size:.97rem}.client-nav-copy small{color:#fff9;font-size:.78rem}.client-sidebar-footer{background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;gap:6px;margin-top:auto;padding:18px 16px;display:grid}.client-sidebar-footer span,.client-sidebar-footer small{color:#ffffff9e}.client-main{flex-direction:column;min-width:0;display:flex}.client-app-footer{border-top:1px solid var(--border);width:min(100%,1480px);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:0 24px 24px;padding:18px 22px;display:flex}.client-app-footer-copy{gap:4px;display:grid}.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{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080f1bc7;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}: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{align-items:center;gap:12px;display:flex}.client-topbar-left,.client-topbar-right{flex-wrap:wrap}.client-chip{border:1px solid var(--border-strong);background:var(--surface-soft);min-height:42px;color:var(--muted-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;display:inline-flex}.strong-chip{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);color:#f8fff8;border-color:#0000}.subtle-chip{background:var(--blue-soft)}.client-topbar-meta{text-align:right;gap:2px;display:grid}.client-topbar-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.theme-toggle{border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-height:44px;padding:4px;display:inline-grid}.theme-toggle span{min-width:74px;color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:700}.theme-toggle .is-active{background:var(--blue);color:#f8fbff}.client-content{gap:22px;width:min(100%,1480px);padding:24px;display:grid}.client-hero,.client-panel{border:1px solid var(--border);background:linear-gradient(135deg, #22c55e1a, transparent 44%), linear-gradient(180deg, var(--surface) 0%, var(--surface-strong) 100%);box-shadow:var(--shadow);border-radius:28px}.client-hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:20px;padding:28px;display:grid}.client-eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.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{color:var(--muted);margin:14px 0 0;line-height:1.7}.client-hero-side,.client-stack,.client-form-stack,.client-card-list,.client-bar-list,.client-keyvalue-list{gap:14px;display:grid}.tight-gap{gap:4px}.client-hero-card,.client-metric-card,.client-card-row,.client-auth-info,.client-inline-note{background:var(--surface-soft);border:1px solid var(--border);border-radius:20px;gap:6px;padding:16px 18px;display:grid}.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{gap:12px;display:grid}.client-event-selector strong{color:var(--muted-strong);font-size:.9rem;font-weight:600}.client-event-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.client-event-option{border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 16px;transition:border-color .16s,transform .16s,background .16s;display:grid}.client-event-option:hover{border-color:#3b82f652;transform:translateY(-1px)}.client-event-option.is-selected{background:#22c55e14;border-color:#22c55e5c}.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{gap:16px;display:grid}.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{border-radius:22px;align-content:space-between;gap:12px;min-height:132px;padding:18px;display:grid}.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), #3b82f60a)}.stat-teal{background:linear-gradient(180deg, var(--primary-soft), #22c55e0a)}.stat-gold{background:linear-gradient(180deg, var(--gold-soft), #f59e0b0a)}.stat-violet{background:linear-gradient(180deg, var(--violet-soft), #8b5cf60a)}.client-panel-head{justify-content:space-between;gap:16px;padding:24px 24px 0;display:flex}.client-panel-action{align-items:start;display:flex}.client-panel-body{padding:24px}.client-banner{border:1px solid var(--border);border-radius:18px;padding:14px 16px}.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{gap:8px;display:grid}.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{border:1px solid var(--border-strong);background:var(--field-bg);width:100%;color:var(--ink);border-radius:16px;outline:none;padding:14px 16px}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{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.client-inline-fields label{flex:220px}.compact-field{min-width:220px}.primary-button,.ghost-button{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;text-decoration:none;display:inline-flex}.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{flex-wrap:wrap;justify-content:space-between}.client-badge-row{flex-wrap:wrap;justify-content:flex-end;gap:8px}.client-card-row.is-selectable{cursor:pointer;transition:transform .14s,border-color .14s,background .14s}.client-card-row.is-selectable:hover{transform:translateY(-1px)}.client-card-row.is-selected-card{background:linear-gradient(180deg, #22c55e1f, #22c55e0a), var(--surface-soft);border-color:#22c55e52}.client-card-row-head span{color:var(--muted)}.client-status-badge{background:var(--blue-soft);color:#b8d6ff;text-transform:uppercase;border:1px solid #3b82f638;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.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{color:#dbe5f4;background:#94a3b81f;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{gap:10px;display:grid}.client-bar-copy{justify-content:space-between}.client-bar-copy span{color:var(--muted)}.client-bar-track{background:#ffffff0f;border-radius:999px;height:14px;overflow:hidden}.client-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#3b82f6 0%,#22c55e 100%);height:100%}.client-keyvalue-list{padding:0}.client-keyvalue-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;flex-wrap:wrap;justify-content:space-between;padding:14px}.delivery-item.client-keyvalue-item{align-items:stretch;display:grid}.delivery-item-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.client-keyvalue-item span{color:var(--muted)}.client-hint-text{color:var(--muted);font-size:.9rem}.client-table-wrap{overflow-x:auto}.client-table{border-collapse:collapse;width:100%;min-width:780px}.client-table th,.client-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:14px 12px}.client-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.client-table tbody tr{transition:background .14s}.client-table tbody tr:hover{background:#3b82f60f}.client-table tbody tr.is-selected-row{background:#22c55e14}.client-table-cell{gap:4px;display:grid}.client-code-block{color:#f4f8ff;white-space:pre-wrap;word-break:break-word;background:#030712cc;border:1px solid #ffffff0f;border-radius:18px;max-height:260px;margin:0;padding:16px;overflow:auto}.client-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.client-action-tile{border:1px solid var(--border);background:var(--surface-soft);min-height:120px;color:var(--ink);border-radius:22px;align-content:start;gap:8px;padding:18px;text-decoration:none;transition:transform .14s,border-color .14s,background .14s;display:grid}.client-action-tile:hover{background:#3b82f614;border-color:#3b82f642;transform:translateY(-1px)}.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{color:#11223f;background:#eef4ff}.client-empty-state{background:var(--surface-soft);border:1px dashed var(--border-strong);text-align:center;min-height:170px;color:var(--muted);border-radius:20px;place-content:center;padding:18px;display:grid}.client-auth-shell{place-items:center;gap:18px;min-height:100vh;padding:28px;display:grid}.client-auth-card{border:1px solid var(--border);background:linear-gradient(135deg, #22c55e1f, transparent 44%), linear-gradient(180deg, var(--surface) 0%, var(--surface-strong) 100%);width:min(100%,760px);box-shadow:var(--shadow);border-radius:28px;gap:18px;padding:28px;display:grid}.client-auth-card.compact-card{text-align:center;width:min(100%,460px)}.client-auth-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.client-auth-toggle{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:inline-grid}.client-auth-toggle button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:14px;padding:0 16px;font-weight:700}.client-auth-toggle button.is-active{background:linear-gradient(135deg, var(--blue) 0%, #60a5fa 100%);color:#eff6ff}.client-auth-brand{border:1px solid var(--border);background:linear-gradient(#ffffff12,#ffffff08),#08101d52;border-radius:24px;width:fit-content;max-width:min(100%,420px);margin-bottom:14px;padding:14px 18px}.client-auth-brand-image{width:min(100%,360px);height:auto;display:block}.auth-description{max-width:58ch}.client-auth-google{gap:10px;display:grid}.client-auth-google small{color:var(--muted);line-height:1.6}.client-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.client-plan-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px;gap:8px;padding:16px;display:grid}.client-plan-card.is-active{background:linear-gradient(180deg, #22c55e1f, #22c55e0a), var(--surface-soft);border-color:#22c55e47}.client-mobile-backdrop{display:none}.client-auth-footer{border-top:0;width:min(100%,760px);margin:0;padding:0}@media (width<=1240px){.client-stats-grid,.client-grid.two-column,.client-hero,.client-mini-grid,.client-action-grid{grid-template-columns:1fr}}@media (width<=980px){.client-shell{grid-template-columns:1fr}.client-mobile-backdrop{z-index:29;background:#0307128a;border:0;display:block;position:fixed;inset:0}.client-sidebar{z-index:30;width:min(84vw,320px);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.client-sidebar.is-open{transform:translate(0)}.client-sidebar-close,.client-menu-toggle{border:1px solid var(--border);background:var(--surface-soft);width:44px;height:44px;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.client-sidebar-close{z-index:2;position:absolute;top:12px;right:12px}}@media (width<=720px){.client-topbar,.client-content,.client-app-footer{padding-left:18px;padding-right:18px}.client-topbar{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:grid}.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{white-space:nowrap;text-overflow:ellipsis;max-width:148px;overflow:hidden}.theme-toggle span{min-width:56px;padding:8px 12px;font-size:.92rem}.client-hero,.client-panel-body{padding:18px}.client-panel-head{flex-direction:column;padding:18px 18px 0}.client-auth-head{flex-direction:column}.two-column-fields,.client-plan-grid{grid-template-columns:1fr}.client-auth-brand{width:100%;padding:12px 14px}.client-auth-brand-image{width:100%}.client-auth-card{padding:20px}.client-app-footer,.client-auth-footer{gap:8px;display:grid}.client-app-footer{margin-bottom:18px}}