@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--pipai-indigo:#4F46E5;--pipai-deep-indigo:#1A237E;--pipai-ink:#0D1326;--pipai-violet:#7C3AED;--pipai-ember:#FF6A00;--pipai-amber:#FFB84D;--pipai-slate-blue:#6474BB;--pipai-indigo-hover:#453CD6;--pipai-indigo-soft:#ECEBFC;--pipai-indigo-light:#7C6BFF;--pipai-violet-soft:#F1EAFE;--pipai-white:#FFFFFF;--pipai-gray-50:#F7F8FB;--pipai-gray-200:#E5E7EB;--pipai-gray-300:#C9CDD8;--pipai-gray-500:#8A91A3;--pipai-gray-700:#4A5163;--pipai-gray-900:#0D1326;--pipai-gray-100:#EFF1F6;--pipai-ink-800:#141B33;--pipai-ink-900:#0A0E1C;--pipai-ink-border:#232B47;--pipai-ink-border-subtle:#1A2138;--pipai-positive:#0E9F6E;--pipai-positive-text:#0E7A55;--pipai-positive-surface:#E6F6EF;--pipai-negative:#E02424;--pipai-negative-text:#B91C1C;--pipai-negative-surface:#FDECEC;--pipai-warning:#F59E0B;--pipai-warning-text:#B45309;--pipai-warning-surface:#FEF6E7;--pipai-info:#2563EB;--pipai-info-text:#1D4ED8;--pipai-info-surface:#EAF0FE;--brand-primary:var(--pipai-indigo);--brand-primary-hover:var(--pipai-indigo-hover);--brand-secondary:var(--pipai-deep-indigo);--brand-tertiary:var(--pipai-violet);--brand-accent:var(--pipai-ember);--brand-accent-soft:var(--pipai-amber);--brand-muted:var(--pipai-slate-blue);--bg-primary:var(--pipai-gray-50);--bg-secondary:var(--pipai-white);--bg-dark:var(--pipai-ink);--bg-subtle:var(--pipai-gray-100);--bg-selected:var(--pipai-indigo-soft);--surface-card:var(--pipai-white);--surface-card-dark:var(--pipai-ink);--surface-header:var(--pipai-gray-50);--surface-disabled:var(--pipai-gray-50);--text-primary:var(--pipai-gray-900);--text-secondary:var(--pipai-gray-700);--text-muted:var(--pipai-gray-500);--text-inverse:var(--pipai-white);--text-inverse-secondary:var(--pipai-gray-300);--text-accent:var(--brand-primary);--text-disabled:var(--pipai-gray-300);--text-label:var(--pipai-slate-blue);--border-default:var(--pipai-gray-200);--border-subtle:var(--pipai-gray-100);--border-strong:var(--pipai-gray-300);--border-focus:var(--brand-primary);--border-inverse:rgba(255,255,255,0.14);--status-positive:var(--pipai-positive);--status-positive-text:var(--pipai-positive-text);--status-positive-surface:var(--pipai-positive-surface);--status-negative:var(--pipai-negative);--status-negative-text:var(--pipai-negative-text);--status-negative-surface:var(--pipai-negative-surface);--status-warning:var(--pipai-warning);--status-warning-text:var(--pipai-warning-text);--status-warning-surface:var(--pipai-warning-surface);--status-info:var(--pipai-info);--status-info-text:var(--pipai-info-text);--status-info-surface:var(--pipai-info-surface);--chart-1:var(--pipai-deep-indigo);--chart-2:var(--pipai-violet);--chart-3:var(--pipai-slate-blue);--chart-4:var(--pipai-amber);--chart-5:var(--pipai-ember);--chart-grid:var(--pipai-gray-200);--chart-axis-text:var(--pipai-slate-blue);--chart-benchmark:var(--pipai-gray-500)}[data-theme=dark]{--bg-primary:var(--pipai-ink-900);--bg-secondary:var(--pipai-ink);--bg-dark:var(--pipai-ink-900);--bg-subtle:var(--pipai-ink-800);--bg-selected:rgba(124,107,255,0.16);--surface-card:var(--pipai-ink-800);--surface-card-dark:var(--pipai-ink-900);--surface-header:var(--pipai-ink);--surface-disabled:rgba(255,255,255,0.04);--brand-primary:var(--pipai-indigo-light);--brand-primary-hover:#9184FF;--brand-secondary:var(--pipai-slate-blue);--text-primary:var(--pipai-white);--text-secondary:var(--pipai-gray-300);--text-muted:var(--pipai-gray-500);--text-inverse:var(--pipai-ink);--text-inverse-secondary:var(--pipai-gray-700);--text-accent:var(--pipai-indigo-light);--text-disabled:#4A5163;--text-label:var(--pipai-slate-blue);--border-default:var(--pipai-ink-border);--border-subtle:var(--pipai-ink-border-subtle);--border-strong:#2E3757;--border-inverse:rgba(255,255,255,0.14);--status-positive:#34D399;--status-positive-text:#6EE7B7;--status-positive-surface:rgba(52,211,153,0.14);--status-negative:#F87171;--status-negative-text:#FCA5A5;--status-negative-surface:rgba(248,113,113,0.14);--status-warning:var(--pipai-amber);--status-warning-text:var(--pipai-amber);--status-warning-surface:rgba(255,184,77,0.14);--status-info:#60A5FA;--status-info-text:#93C5FD;--status-info-surface:rgba(96,165,250,0.14);--chart-1:#6C7BFF;--chart-2:#A78BFA;--chart-3:var(--pipai-slate-blue);--chart-4:var(--pipai-amber);--chart-5:var(--pipai-ember);--chart-grid:var(--pipai-ink-border);--chart-benchmark:var(--pipai-gray-500)}:root{--font-display:"Sora",system-ui,sans-serif;--font-ui:"IBM Plex Sans",system-ui,sans-serif;--font-num:"IBM Plex Mono",ui-monospace,monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-display-font:var(--font-display);--text-display-size:48px;--text-display-weight:600;--text-display-lh:1.1;--text-display-ls:-0.02em;--text-h1-font:var(--font-display);--text-h1-size:32px;--text-h1-weight:600;--text-h1-lh:1.2;--text-h1-ls:-0.01em;--text-h2-font:var(--font-display);--text-h2-size:22px;--text-h2-weight:600;--text-h2-lh:1.3;--text-h2-ls:-0.005em;--text-h3-font:var(--font-display);--text-h3-size:18px;--text-h3-weight:600;--text-h3-lh:1.35;--text-h3-ls:0em;--text-title-font:var(--font-display);--text-title-size:16px;--text-title-weight:600;--text-title-lh:1.4;--text-title-ls:0em;--text-body-lg-font:var(--font-ui);--text-body-lg-size:17px;--text-body-lg-weight:400;--text-body-lg-lh:1.6;--text-body-lg-ls:0em;--text-body-font:var(--font-ui);--text-body-size:15px;--text-body-weight:400;--text-body-lh:1.6;--text-body-ls:0em;--text-body-sm-font:var(--font-ui);--text-body-sm-size:13.5px;--text-body-sm-weight:400;--text-body-sm-lh:1.65;--text-body-sm-ls:0em;--text-caption-font:var(--font-ui);--text-caption-size:12px;--text-caption-weight:400;--text-caption-lh:1.5;--text-caption-ls:0em;--text-label-font:var(--font-ui);--text-label-size:11.5px;--text-label-weight:500;--text-label-lh:1.4;--text-label-ls:0.08em;--text-label-transform:uppercase;--text-data-font:var(--font-num);--text-data-size:14px;--text-data-weight:500;--text-data-lh:1.5;--text-data-ls:0em;--text-metric-font:var(--font-display);--text-metric-size:30px;--text-metric-weight:600;--text-metric-lh:1.15;--text-metric-ls:-0.01em;--text-eyebrow-font:var(--font-num);--text-eyebrow-size:12px;--text-eyebrow-weight:400;--text-eyebrow-lh:1.4;--text-eyebrow-ls:0.16em;--text-eyebrow-transform:uppercase}.pipai-num,[data-pipai-num]{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}:root{--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-22:88px;--space-24:96px;--space-30:120px;--padding-card:var(--space-8);--padding-card-compact:var(--space-6);--padding-card-header:var(--space-4) var(--space-5);--padding-button:11px 20px;--padding-button-sm:7px 14px;--padding-input:10px 14px;--padding-badge:6px 12px;--padding-table-cell:var(--space-4) 18px;--gap-grid:var(--space-6);--gap-inline:var(--space-3);--gap-stack:var(--space-4);--gap-tight:var(--space-2);--section-gap:var(--space-22);--page-margin:var(--space-22);--page-margin-compact:var(--space-6);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-full:999px;--radius-card:var(--radius-xl);--radius-control:var(--radius-md);--radius-badge:var(--radius-sm);--border-width:1px;--border-width-strong:2px;--border-card:1px solid var(--border-default);--border-control:1px solid var(--border-strong);--border-divider:1px solid var(--border-default);--border-divider-subtle:1px solid var(--border-subtle);--border-dashed-guide:1px dashed var(--pipai-violet);--focus-ring:0 0 0 3px rgba(79,70,229,0.28);--focus-ring-offset:2px;--table-row-border:1px solid var(--border-default);--shadow-none:none;--elevation-0:none;--elevation-1:0 1px 2px rgba(13,19,38,0.05);--elevation-2:0 4px 12px rgba(13,19,38,0.08);--elevation-3:0 12px 32px rgba(13,19,38,0.14);--elevation-dark-1:0 0 0 1px var(--pipai-ink-border);--elevation-dark-2:0 8px 24px rgba(0,0,0,0.45);--gradient-brand:linear-gradient(135deg,#131C8E,#3B2BD6 55%,#5B33F0);--gradient-arrow:linear-gradient(135deg,#6B2FD8,#E0405A 45%,#FF6A00 78%,#FFB84D);--gradient-rule:linear-gradient(90deg,var(--pipai-deep-indigo) 0%,var(--pipai-violet) 45%,var(--pipai-ember) 100%);--gradient-photo-scrim:linear-gradient(180deg,rgba(13,19,38,0.15),rgba(13,19,38,0.75));--gradient-ink-depth:linear-gradient(160deg,#131A31,#0D1326 60%,#0A0E1C);--content-max:1760px;--content-max-prose:720px;--content-max-landing:1200px;--content-max-doc:960px;--grid-columns-desktop:12;--grid-gutter:var(--space-6);--grid-margin-desktop:var(--space-22);--grid-margin-tablet:var(--space-10);--grid-margin-mobile:var(--space-6);--slide-width:1920px;--slide-height:1080px;--slide-margin:112px;--slide-min-text:24px;--sidebar-width:248px;--sidebar-width-collapsed:68px;--topbar-height:60px;--row-height:48px;--breakpoint-sm:640px;--breakpoint-md:900px;--breakpoint-lg:1280px;--breakpoint-xl:1600px;--duration-fast:120ms;--duration-base:180ms;--duration-slow:280ms;--ease-standard:cubic-bezier(0.2,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--transition-control:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms}}*{box-sizing:border-box}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--text-body-font);font-size:var(--text-body-size);line-height:var(--text-body-lh);-webkit-font-smoothing:antialiased;text-wrap:pretty}a{color:var(--text-accent);text-decoration:none}a:hover{color:var(--brand-tertiary)}:focus-visible{outline:var(--border-width-strong) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}h1,h2,h3,h4{font-family:var(--font-display);margin:0}.page{max-width:var(--content-max);margin:0 auto;padding:var(--page-margin-compact)}@media (min-width:900px){.page{padding:var(--space-10) var(--page-margin)}}.brand-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-inline);margin-bottom:var(--space-6)}.brand-clear{margin-left:auto}.brand-logo{display:block;height:36px;width:auto;object-fit:contain}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--page-margin-compact);background:var(--bg-secondary)}.login-logo{display:block;height:48px;width:auto;object-fit:contain}form.login-card{width:min(420px,100%);flex:none;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--padding-card);background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--elevation-0)}.login-title{margin:0;font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-primary)}.login-lede{color:var(--text-secondary)}.login-error,.login-lede{margin:0;font-size:var(--text-body-sm-size)}.login-error{color:var(--status-negative-text)}form.login-card label{flex:none;min-width:0;width:100%}form.login-card .btn-primary{width:100%;margin-top:var(--space-1)}.brand-eyebrow{font-family:var(--text-eyebrow-font);font-size:var(--text-eyebrow-size);font-weight:var(--text-eyebrow-weight);line-height:var(--text-eyebrow-lh);letter-spacing:var(--text-eyebrow-ls);text-transform:var(--text-eyebrow-transform);color:var(--text-muted)}.page-title{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-lh);letter-spacing:var(--text-h1-ls);color:var(--text-primary);margin:0 0 var(--space-2)}.lede{margin:0;max-width:56rem;font-family:var(--text-body-lg-font);font-size:var(--text-body-lg-size);font-weight:var(--text-body-lg-weight);line-height:var(--text-body-lg-lh);color:var(--text-secondary)}.provider-panel{margin-top:var(--space-6)}.action-cards,.pluggy-connections{margin:0 0 var(--space-6)}.action-cards{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:720px){.action-cards{grid-template-columns:1fr 1fr}}.action-card{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:left;background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-card);color:var(--text-primary);cursor:pointer;transition:var(--transition-control)}.action-card:hover:not(:disabled){border-color:var(--border-focus);background:var(--bg-selected)}.action-card:disabled{opacity:.6;cursor:not-allowed}.action-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-control);background:var(--brand-primary);color:var(--text-inverse);flex-shrink:0}.action-card-icon-muted{background:var(--bg-subtle);color:var(--brand-primary)}.action-card-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.action-card-title{font-family:var(--font-ui);font-weight:var(--fw-medium);font-size:var(--text-body-size)}.action-card-lede{font-size:var(--text-caption-size);color:var(--text-muted)}.action-card-chevron{color:var(--text-muted);flex-shrink:0}.connection-list{margin:0;padding:var(--padding-card-compact);background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-card)}.connection-list-title{margin:0 0 var(--space-1);font-family:var(--text-title-font);font-size:var(--text-title-size);font-weight:var(--text-title-weight)}.connection-list-lede{margin:0 0 var(--space-4);font-size:var(--text-body-sm-size);color:var(--text-secondary)}.item-id-modal-form{display:flex;flex-direction:column;gap:var(--space-4);flex:none;width:100%}.item-id-modal-form label{flex:none;min-width:0;width:100%}.item-id-modal-actions{display:flex;justify-content:flex-end;gap:var(--gap-inline)}.connection-list ul,.owner-group-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-tight)}.owner-groups{display:flex;flex-direction:column;gap:var(--space-4)}.owner-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-inline);width:100%;margin:0 0 var(--space-2);padding:0;border:0;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.owner-group-title{font-family:var(--text-title-font);font-size:var(--text-title-size);font-weight:var(--text-title-weight)}.owner-group-count{font-size:var(--text-caption-size);color:var(--text-muted);font-family:var(--font-num)}.connection-card,.connection-item{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3);border:var(--border-divider);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);min-height:3.25rem;background:var(--bg-primary)}.connection-card.active,.connection-item.active{background:var(--bg-selected);border-color:var(--border-focus)}.connection-logo{width:2.5rem;height:2.5rem;border-radius:.55rem;object-fit:contain;background:var(--bg-subtle);flex-shrink:0}.connection-logo-fallback{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-ui);font-weight:var(--fw-semibold,600);font-size:var(--text-body-size)}.connection-select{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;background:transparent;border:0;padding:0;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:0;min-width:0}.connection-name{width:100%;font-family:var(--font-ui);font-size:var(--text-body-sm-size);font-weight:var(--fw-medium);line-height:1.25}.connection-meta,.connection-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-meta{font-family:var(--font-num);font-size:var(--text-caption-size);color:var(--text-muted);max-width:100%}.connection-card-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--gap-tight)}.status-dot-line{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-caption-size);color:var(--text-secondary)}.status-dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--status-positive-text,#15803d);flex-shrink:0}.connection-sync-meta{display:none;align-items:flex-start;gap:var(--space-2);color:var(--text-muted);flex-shrink:0;min-width:9.5rem}.connection-sync-meta>div{display:flex;flex-direction:column;gap:1px}.connection-sync-label{font-size:.7rem;line-height:1.2}.connection-sync-value{font-family:var(--font-num);font-size:var(--text-caption-size);color:var(--text-secondary)}@media (min-width:900px){.connection-sync-meta{display:inline-flex}}.connection-card-actions{flex-wrap:nowrap;gap:2px;flex-shrink:0;margin-left:auto}.connection-card-actions,.icon-btn{display:inline-flex;align-items:center}.icon-btn{justify-content:center;width:1.9rem;height:1.9rem;padding:0;border:0;border-radius:.45rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-control)}.icon-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn-primary{background:color-mix(in srgb,var(--brand-primary) 16%,white);color:var(--brand-primary)}.icon-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 24%,white);color:var(--brand-primary)}.icon-btn-danger{color:var(--status-negative-text)}.icon-btn-danger:hover:not(:disabled){background:var(--status-negative-surface);color:var(--status-negative-text)}.icon-btn-ghost{background:transparent}.connection-remove,.connection-rename-btn{flex-shrink:0}.connection-edit,.connection-rename{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap-inline)}.connection-edit-owner{flex-wrap:nowrap;align-items:flex-end}.connection-edit label,.connection-rename label{flex:1 1 12rem;min-width:0}.owner-edit-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap-inline);gap:var(--gap-inline);flex:1 1 auto;min-width:0}.owner-edit-half{flex:none!important;min-width:0!important;width:100%}.connection-edit select{font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--fw-regular);color:var(--text-primary);border:var(--border-control);border-radius:var(--radius-control);padding:var(--padding-input);background:var(--surface-card);width:100%}.connection-edit-actions{display:inline-flex;flex-wrap:nowrap;gap:var(--gap-tight);flex-shrink:0}@media (max-width:720px){.connection-edit-owner{flex-wrap:wrap}.owner-edit-split{grid-template-columns:1fr;width:100%}.connection-edit-actions{width:100%}.connection-edit-actions .btn{flex:1 1}}.pluggy-toolbar{margin:0 0 var(--space-6);align-items:stretch}.pluggy-toolbar,.pluggy-toolbar-form{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3)}.pluggy-toolbar-form{align-items:end}.pluggy-toolbar-form,.pluggy-toolbar-form label{flex:none;min-width:0;width:100%}.pluggy-toolbar .btn,.pluggy-toolbar-form .btn{width:100%}@media (min-width:720px){.pluggy-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:end}.pluggy-toolbar-form{grid-template-columns:minmax(0,1fr) auto}.pluggy-toolbar-form .btn,.pluggy-toolbar>.btn{width:auto}}.data-panel{display:flex;flex-direction:column;min-height:0;max-height:min(70vh,36rem)}.data-panel .empty,.data-panel .investment-totals,.data-panel .section-heading{flex-shrink:0}.data-panel .table-wrap{flex:1 1 auto;min-height:8rem;max-height:none;overflow:auto}.data-panel .panel-footer{flex-shrink:0;margin-top:auto;padding-top:var(--space-3);border-top:var(--border-divider);background:var(--surface-card);position:-webkit-sticky;position:sticky;bottom:0}.investment-detail{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-divider)}.section-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--gap-inline);margin:0 0 var(--space-3)}.section-heading h2{margin:0}.section-count{color:var(--text-muted);font-family:var(--font-num);font-size:var(--text-caption-size)}.investment-totals{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-6);margin:0 0 var(--space-3)}.investment-total{margin:0;display:flex;align-items:baseline;gap:var(--gap-inline)}.investment-total-label{color:var(--text-muted);font-size:var(--text-caption-size)}.modal-tabs{display:flex;gap:var(--gap-tight);margin:0 0 var(--space-4);border-bottom:var(--border-divider)}.modal-tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:var(--space-2) var(--space-3);margin-bottom:-1px;color:var(--text-muted);cursor:pointer;font-family:var(--font-ui)}.modal-tab.active{color:var(--text-primary);border-bottom-color:var(--border-focus);font-weight:var(--fw-medium)}.detail-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:rgba(13,19,38,.45)}.detail-body .detail-overlay,.detail-overlay+.detail-overlay{z-index:60}.detail-panel{display:flex;flex-direction:column;width:min(520px,100%);max-height:min(820px,calc(100vh - 48px));background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--elevation-3)}.detail-panel.detail-panel-wide{width:min(1100px,100%);max-height:min(900px,calc(100vh - 48px))}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-inline);padding:var(--space-3) var(--space-4);border-bottom:var(--border-divider);background:var(--surface-header)}.detail-toolbar h3{margin:0;font-family:var(--text-title-font);font-size:var(--text-title-size);font-weight:var(--text-title-weight)}.detail-body{overflow:auto;padding:var(--space-4)}.detail-subtitle{margin:var(--space-5) 0 var(--space-3);font-family:var(--text-title-font);font-size:var(--text-title-size);font-weight:var(--text-title-weight)}@media (max-width:900px){.detail-overlay{padding:0}.detail-panel{width:100%;max-height:100%;height:100%;border-radius:0}}.provider-panel>.lede{margin-bottom:var(--space-6)}.tabs{display:flex;gap:var(--space-6);margin:var(--space-8) 0 0;border-bottom:var(--border-divider)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;padding:var(--space-3) 0;color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition-control)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn{font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--fw-medium);line-height:1.2;border-radius:var(--radius-control);padding:var(--padding-button);border:var(--border-width) solid transparent;cursor:pointer;transition:var(--transition-control)}.btn-primary{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-secondary{background:var(--surface-card);color:var(--text-primary);border:var(--border-control)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.btn:disabled{cursor:not-allowed;background:var(--surface-disabled);color:var(--text-disabled);border-color:var(--border-default)}.btn:focus-visible,.row-button:focus-visible,.tab:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.identity-toolbar,.toolbar{align-items:stretch;margin:0 0 var(--space-6)}.identity-toolbar,.identity-toolbar form,.toolbar,.toolbar form{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3)}.identity-toolbar form,.toolbar form{align-items:end;flex:none;width:100%;min-width:0}form{display:flex;gap:var(--gap-inline);align-items:flex-end;flex:1 1;min-width:0}@media (min-width:720px){.identity-toolbar,.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap-inline)}.identity-toolbar form,.toolbar form{display:flex;flex:1 1 18rem;width:auto}}label{display:flex;flex-direction:column;gap:var(--gap-tight);flex:1 1;min-width:16rem;font-family:var(--text-label-font);font-size:var(--text-label-size);font-weight:var(--text-label-weight);line-height:var(--text-label-lh);letter-spacing:var(--text-label-ls);text-transform:var(--text-label-transform);color:var(--text-label)}.identity-toolbar label{min-width:12rem;flex:0 1 14rem}input{font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--fw-regular);color:var(--text-primary);border:var(--border-control);border-radius:var(--radius-control);padding:var(--padding-input);background:var(--surface-card);text-transform:none;letter-spacing:normal}input::placeholder{color:var(--text-muted)}.error{color:var(--status-negative-text);background:var(--status-negative-surface);border:var(--border-width) solid transparent;border-radius:var(--radius-control);padding:var(--space-3) var(--space-4)}.error,.status{margin:0 0 var(--space-6);font-size:var(--text-body-sm-size)}.status{display:flex;flex-wrap:wrap;gap:var(--gap-tight);color:var(--text-secondary)}.badge,.status{align-items:center}.badge{display:inline-flex;padding:var(--padding-badge);border-radius:var(--radius-badge);font-family:var(--font-ui);font-size:var(--text-caption-size);font-weight:var(--fw-medium);line-height:1.2}.badge-info{background:var(--status-info-surface);color:var(--status-info-text)}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.empty{color:var(--text-muted);font-size:var(--text-body-sm-size)}.grid{display:grid;grid-template-columns:1fr;grid-gap:var(--gap-grid);gap:var(--gap-grid)}@media (min-width:900px){.grid{grid-template-columns:1fr 1fr}}section{background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-card);padding:var(--padding-card-compact);min-width:0;box-shadow:var(--elevation-0)}h1,h2,h3{margin:0 0 var(--space-4);color:var(--text-primary)}h2{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-lh);letter-spacing:var(--text-h2-ls)}h3{font-family:var(--text-h3-font);font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-lh);letter-spacing:var(--text-h3-ls);margin-top:var(--space-6)}.table-wrap{overflow:auto;max-height:28rem;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm-size)}td,th{text-align:left;padding:var(--padding-table-cell);border-bottom:var(--table-row-border);vertical-align:middle;min-height:var(--row-height)}th{font-family:var(--text-label-font);font-size:var(--text-label-size);font-weight:var(--text-label-weight);line-height:var(--text-label-lh);letter-spacing:var(--text-label-ls);text-transform:var(--text-label-transform);color:var(--text-label);background:var(--surface-header)}td.pipai-num,th.pipai-num{text-align:right;font-family:var(--text-data-font);font-size:var(--text-data-size);font-weight:var(--text-data-weight);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum";color:var(--text-primary)}tr.selected{background:var(--bg-selected)}.row-button{background:transparent;color:var(--text-accent);border:0;padding:0;text-align:left;text-decoration:none;font-weight:var(--fw-medium);border-radius:0}.row-button:hover:not(:disabled){background:transparent;color:var(--brand-tertiary);text-decoration:underline}.row-button:disabled{background:transparent;border-color:transparent}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));grid-gap:var(--gap-tight) var(--gap-stack);gap:var(--gap-tight) var(--gap-stack);margin:var(--space-4) 0}.fields div{min-width:0}dt{font-family:var(--text-label-font);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-ls);text-transform:var(--text-label-transform);color:var(--text-label)}dd{margin:0;overflow-wrap:anywhere;font-family:var(--font-ui);font-size:var(--text-body-sm-size);color:var(--text-primary)}dd.pipai-num{font-family:var(--text-data-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.pager{gap:var(--gap-inline);justify-content:flex-end;margin-top:var(--space-4);font-family:var(--font-num);font-size:var(--text-caption-size);color:var(--text-secondary)}.pager,.widget-overlay{display:flex;align-items:center}.widget-overlay{position:fixed;inset:0;z-index:40;justify-content:center;padding:var(--space-6);background:rgba(13,19,38,.45)}.widget-panel{display:flex;flex-direction:column;width:min(480px,100%);height:min(760px,calc(100vh - 48px));background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--elevation-3)}.widget-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-inline);padding:var(--space-3) var(--space-4);border-bottom:var(--border-divider);background:var(--surface-header)}.widget-frame{flex:1 1;width:100%;border:0;background:var(--surface-card)}@media (max-width:900px){label{min-width:0}.identity-toolbar form .btn,.identity-toolbar>.btn,.toolbar form .btn,.toolbar>.btn,label{width:100%}.connection-card{flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2)}.connection-select{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 3.5rem)}.connection-card-actions{width:100%;justify-content:flex-end;margin-left:0}.connection-name{white-space:normal}.data-panel{max-height:min(75vh,32rem)}.widget-overlay{padding:0}.widget-panel{width:100%;height:100%;border-radius:0}}