@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color-scheme:dark;--bg: #08111f;--panel: rgba(15, 23, 42, .84);--panel-strong: rgba(12, 19, 34, .96);--line: rgba(148, 163, 184, .18);--text: #e2e8f0;--muted: #94a3b8;--indigo: #60a5fa;--rose: #fb7185;--amber: #fbbf24;--emerald: #34d399}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(96,165,250,.18),transparent 28%),radial-gradient(circle at top right,rgba(251,191,36,.16),transparent 24%),linear-gradient(160deg,#08111f,#0f172a 55%,#111827)}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell,.gate-shell{width:min(1180px,calc(100vw - 24px));margin:0 auto;padding:24px 0 48px}.full-height-shell{min-height:100vh}.control-room-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:stretch;min-height:calc(100vh - 72px)}.control-main{min-width:0;min-height:0}.scroll-panel{display:grid;gap:16px;max-height:calc(100vh - 72px);overflow-y:auto;padding-right:4px}.topbar,.hero-card,.data-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 80px #080f1f5c}.topbar,.hero-card{border-radius:28px;padding:24px}.topbar{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.topbar-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:5}.topbar-section-label{font-weight:700;font-size:.92rem;color:var(--text);letter-spacing:.02em}.compact-btn{padding:6px 14px!important;font-size:.78rem}.sidebar-brand-mini{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);position:sticky;top:0;z-index:2}.sidebar-brand-logo-sm{width:32px;height:32px;object-fit:contain;border-radius:10px;background:#ffffffeb;padding:4px}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.15}.sidebar-brand-text strong{font-size:.82rem;color:var(--text)}.sidebar-brand-text span{font-size:.68rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 8px;color:var(--amber);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem}h1{margin:0;font-family:"Instrument Serif",serif;font-size:clamp(2.2rem,5vw,4rem);line-height:.95}.subcopy,.hero-card p,.banner{color:var(--muted)}.button-row{display:flex;gap:12px;flex-wrap:wrap}.stack-layout{display:grid;gap:16px}.control-sidebar{display:grid;gap:14px;max-height:calc(100vh - 72px);overflow-y:auto;padding-right:6px}.sidebar-brand-row{display:flex;align-items:center;gap:14px}.sidebar-brand-logo{width:52px;height:52px;object-fit:contain;border-radius:16px;background:#ffffffeb;padding:8px}.sidebar-brand-panel{position:sticky;top:0;z-index:2}.sidebar-panel h2,.hero-card h2{margin:0;font-size:1.6rem}.sidebar-nav{display:grid;gap:10px}.sidebar-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#080f1f8a;color:var(--text);text-align:left}.sidebar-tab strong{min-width:28px;height:28px;display:inline-grid;place-items:center;border-radius:999px;background:#60a5fa2e;color:var(--text);font-size:.82rem}.sidebar-tab.active{border-color:#60a5fa73;background:#60a5fa29}.primary-button,.ghost-button,.tab{border-radius:999px;border:1px solid var(--line);padding:12px 18px;transition:transform .16s ease,background .16s ease,border-color .16s ease;cursor:pointer}.primary-button{background:linear-gradient(135deg,#60a5faf2,#34d399eb);color:#03111f;font-weight:700}.ghost-button,.tab{background:#0f172aa6;color:var(--text)}.primary-button:hover,.ghost-button:hover,.tab:hover{transform:translateY(-1px)}.tab-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 14px}.tab.active{border-color:#60a5fa73;background:#60a5fa2e}.banner{margin:0 0 16px;padding:0 4px}.sticky-topbar{position:sticky;top:0;z-index:3}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.payment-drilldown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.payment-table-wrap{margin-top:18px;overflow-x:auto}.payment-table{width:100%;border-collapse:collapse;min-width:620px}.payment-table th,.payment-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.payment-table th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.table-subcopy,.empty-table-copy{color:var(--muted);font-size:.84rem}.data-card{border-radius:24px;padding:18px;min-height:196px}.data-card h3{margin:0 0 16px;font-size:1.1rem}.data-card p{margin:0 0 12px;display:flex;flex-direction:column;gap:4px;color:var(--muted)}.data-card strong{color:var(--text);font-size:1rem}.accounts-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px}.policy-layout{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:16px}.branding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.branding-card{display:grid;gap:14px}.branding-preview{min-height:180px;border-radius:18px;border:1px solid var(--line);overflow:hidden;background:#080f1f80}.branding-preview img{width:100%;height:100%;min-height:180px;object-fit:cover;display:block}.branding-placeholder{min-height:180px;display:grid;place-items:center;color:var(--muted)}.asset-key{display:block;padding:10px 12px;border-radius:14px;background:#080f1f9e;border:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere}.policy-item{display:grid;gap:4px;width:100%;padding:14px;border-radius:18px;border:1px solid var(--line);background:#080f1f7a;color:var(--text);text-align:left}.policy-item span,.policy-item small{color:var(--muted)}.feature-list{margin:0;padding-left:0;list-style:none;display:grid;gap:8px;color:var(--muted)}.account-form{display:grid;gap:14px;margin-top:18px}.account-form label,.uri-panel{display:grid;gap:8px}.account-form span,.uri-panel strong{color:var(--muted);font-size:.92rem}.account-form input,.account-form textarea,.account-form select,.uri-panel textarea{width:100%;border-radius:16px;border:1px solid var(--line);background:#080f1fb3;color:var(--text);padding:12px 14px}.account-form textarea{resize:vertical}.account-form input[type=checkbox]{width:18px;height:18px}.uri-panel textarea{resize:vertical;min-height:110px}.account-list{display:grid;gap:12px;margin-top:18px}.account-item{display:grid;gap:4px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#080f1f7a}.account-item span{color:var(--muted)}.account-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.status-emerald{color:#b6f5d4;background:#10b98124;border-color:#10b98152}.status-amber{color:#fde68a;background:#f59e0b24;border-color:#f59e0b52}.status-rose{color:#fecdd3;background:#f43f5e24;border-color:#f43f5e52}.checkbox-list,.responsibility-groups{display:grid;gap:16px}.responsibility-group{display:grid;gap:10px;padding:14px;border-radius:20px;border:1px solid var(--line);background:#080f1f6b}.checkbox-item,.feature-toggle-row{display:flex;align-items:flex-start;gap:10px;color:var(--text)}.checkbox-item span{color:var(--text)}.uri-panel{margin-top:18px}.policy-item,.account-item,.sidebar-tab,.primary-button,.ghost-button{cursor:pointer}.sidebar-tab:hover,.policy-item:hover,.account-item:hover{border-color:#60a5fa57}.success-copy{color:var(--emerald)}.error-copy{color:var(--rose)}.accent-indigo{box-shadow:inset 0 0 0 1px #60a5fa29}.accent-rose{box-shadow:inset 0 0 0 1px #fb718529}.accent-amber{box-shadow:inset 0 0 0 1px #fbbf2429}.accent-emerald{box-shadow:inset 0 0 0 1px #34d39929}.gate-shell{min-height:100vh;display:grid;place-items:center}.hero-card.compact{padding:18px}.compact-grid{margin-top:18px}@media(max-width:720px){.app-shell,.gate-shell{width:min(100vw - 16px,1180px);padding-top:16px}.control-room-shell{grid-template-columns:1fr}.control-sidebar,.scroll-panel{max-height:none;overflow:visible;padding-right:0}.sidebar-brand-panel,.sticky-topbar{position:static}.topbar,.hero-card{border-radius:24px;padding:18px}.topbar{flex-direction:column}.button-row{width:100%}.primary-button,.ghost-button,.tab{width:100%;text-align:center}.accounts-layout,.policy-layout{grid-template-columns:1fr}}