@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sp-bg:#08131d;--sp-bg-secondary:#0d1d2a;--sp-sidebar-bg:#0a1722;--sp-card-bg:#102534;--sp-card-bg-hover:#163044;--sp-card-header:#0d202e;--sp-input-bg:#0b1a27;--sp-code-bg:#050f17;--sp-overlay:#030a11db;--sp-border:#27465b;--sp-border-subtle:#1d3547;--sp-border-hover:#3c6782;--sp-border-active:#79c4f2;--sp-text-main:#edf7ff;--sp-text-muted:#adc2d3;--sp-text-subtle:#8aa8bb;--sp-text-inverse:#07131f;--sp-on-primary:#07131f;--sp-code-text:#edf5f8;--sp-code-muted:#c0d0d7;--sp-code-subtle:#9ab0ba;--sp-code-info:#86d3f5;--sp-code-success:#87cfae;--sp-code-warning:#f2c66f;--sp-code-danger:#ff9c9c;--sp-code-purple:#c5b4ec;--sp-primary:#79c4f2;--sp-primary-hover:#9ad8fb;--sp-primary-strong:#4da8df;--sp-primary-light:#79c4f224;--sp-primary-glow:#79c4f238;--sp-green:#62c7a5;--sp-green-light:#62c7a521;--sp-green-glow:#62c7a538;--sp-red:#ff858d;--sp-red-light:#ff858d21;--sp-red-glow:#ff858d38;--sp-amber:#eac26e;--sp-amber-light:#eac26e24;--sp-cyan:#68cdda;--sp-cyan-light:#68cdda24;--sp-purple:#b8a6e8;--sp-purple-light:#b8a6e824;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #01070c57, 0 14px 38px #01080e3d;--sp-shadow-lg:0 28px 74px #01080e6b;--sp-shadow-glow:0 0 0 3px var(--sp-primary-light);--sp-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sp-radius:14px;--sp-radius-sm:9px;--sp-radius-lg:20px;--sp-surface:var(--sp-card-bg);--sp-surface-hover:var(--sp-card-bg-hover);--sp-text:var(--sp-text-main);--sp-text-title:var(--sp-text-main);--sp-accent:var(--sp-primary);--sp-success:var(--sp-green);--sp-motion-base:.2s;--sp-motion-fast:.12s;--sp-ease-out:cubic-bezier(.16, 1, .3, 1);--sp-ease-in-out:cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sp-bg:#eef7fa;--sp-bg-secondary:#e2f0f5;--sp-sidebar-bg:#f8fcfd;--sp-card-bg:#fff;--sp-card-bg-hover:#f2f9fc;--sp-card-header:#f7fbfd;--sp-input-bg:#e9f4f8;--sp-code-bg:#0b1d2a;--sp-overlay:#0e2634ad;--sp-border:#c2d9e3;--sp-border-subtle:#d7e8ee;--sp-border-hover:#8fb3c4;--sp-border-active:#146f9c;--sp-text-main:#163242;--sp-text-muted:#4c6b7c;--sp-text-subtle:#4d6a7a;--sp-text-inverse:#f8fcff;--sp-on-primary:#f8fcff;--sp-code-text:#edf5f8;--sp-code-muted:#c0d0d7;--sp-code-subtle:#9ab0ba;--sp-code-info:#86d3f5;--sp-code-success:#87cfae;--sp-code-warning:#f2c66f;--sp-code-danger:#ff9c9c;--sp-code-purple:#c5b4ec;--sp-primary:#146f9c;--sp-primary-hover:#0f5b81;--sp-primary-strong:#0b4b6b;--sp-primary-light:#146f9c1a;--sp-primary-glow:#146f9c2b;--sp-green:#1d7057;--sp-green-light:#1d70571a;--sp-green-glow:#1d70572e;--sp-red:#b53e4a;--sp-red-light:#b53e4a1a;--sp-red-glow:#b53e4a2e;--sp-amber:#8f5e10;--sp-amber-light:#8f5e101c;--sp-cyan:#146f77;--sp-cyan-light:#146f771a;--sp-purple:#65509a;--sp-purple-light:#65509a1a;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #0c2a380d, 0 12px 30px #0c2a3814;--sp-shadow-lg:0 26px 68px #0c2a3826;--sp-shadow-glow:0 0 0 3px var(--sp-primary-light)}[data-theme=dark][data-palette=lagoon]{--sp-bg:#071713;--sp-bg-secondary:#0c211c;--sp-sidebar-bg:#091b17;--sp-card-bg:#0f2a24;--sp-card-bg-hover:#14352d;--sp-card-header:#0c241f;--sp-input-bg:#0a201b;--sp-code-bg:#04100d;--sp-overlay:#020a08db;--sp-border:#245045;--sp-border-subtle:#1a3c33;--sp-border-hover:#3b6d5f;--sp-border-active:#5fd1bd;--sp-text-main:#e9fbf5;--sp-text-muted:#a7c9bd;--sp-text-subtle:#84aa9e;--sp-text-inverse:#05201a;--sp-on-primary:#05201a;--sp-code-text:#e9f7f2;--sp-code-muted:#b9d2c9;--sp-code-subtle:#93b3a9;--sp-code-info:#8fe0e4;--sp-code-success:#9bddb9;--sp-code-warning:#f0ce85;--sp-code-danger:#ffa6a6;--sp-code-purple:#c7b8e8;--sp-primary:#5fd1bd;--sp-primary-hover:#83e2d2;--sp-primary-strong:#35b49f;--sp-primary-light:#5fd1bd24;--sp-primary-glow:#5fd1bd38;--sp-green:#7fd6a9;--sp-green-light:#7fd6a921;--sp-green-glow:#7fd6a938;--sp-red:#ff8f98;--sp-red-light:#ff8f9821;--sp-red-glow:#ff8f9838;--sp-amber:#e9c77d;--sp-amber-light:#e9c77d24;--sp-cyan:#78d9de;--sp-cyan-light:#78d9de24;--sp-purple:#beaee6;--sp-purple-light:#beaee624;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #01080657, 0 14px 38px #0109073d;--sp-shadow-lg:0 28px 74px #0109076b}[data-theme=light][data-palette=lagoon]{--sp-bg:#eef8f6;--sp-bg-secondary:#e1f1ed;--sp-sidebar-bg:#f8fdfb;--sp-card-bg:#fff;--sp-card-bg-hover:#f1faf7;--sp-card-header:#f6fcfa;--sp-input-bg:#e7f4f0;--sp-code-bg:#0a211d;--sp-overlay:#0c2a24ad;--sp-border:#c3ddd5;--sp-border-subtle:#d8ebe5;--sp-border-hover:#8fb8ab;--sp-border-active:#0f6f63;--sp-text-main:#14332f;--sp-text-muted:#4d6d66;--sp-text-subtle:#4d6b64;--sp-text-inverse:#f7fffd;--sp-on-primary:#f7fffd;--sp-code-text:#e9f7f2;--sp-code-muted:#b9d2c9;--sp-code-subtle:#93b3a9;--sp-code-info:#8fe0e4;--sp-code-success:#9bddb9;--sp-code-warning:#f0ce85;--sp-code-danger:#ffa6a6;--sp-code-purple:#c7b8e8;--sp-primary:#0f6f63;--sp-primary-hover:#0b5a50;--sp-primary-strong:#08473f;--sp-primary-light:#0f6f631a;--sp-primary-glow:#0f6f632b;--sp-green:#1f7455;--sp-green-light:#1f74551a;--sp-green-glow:#1f74552e;--sp-red:#b4434b;--sp-red-light:#b4434b1a;--sp-red-glow:#b4434b2e;--sp-amber:#8f6214;--sp-amber-light:#8f62141c;--sp-cyan:#16707a;--sp-cyan-light:#16707a1a;--sp-purple:#665096;--sp-purple-light:#6650961a;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #0a2d250d, 0 12px 30px #0a2d2514;--sp-shadow-lg:0 26px 68px #0a2d2526}[data-theme=dark][data-palette=coral]{--sp-bg:#171210;--sp-bg-secondary:#201814;--sp-sidebar-bg:#1b1512;--sp-card-bg:#271d18;--sp-card-bg-hover:#33251e;--sp-card-header:#221914;--sp-input-bg:#1e1713;--sp-code-bg:#0f0b09;--sp-overlay:#0c0705db;--sp-border:#4d372d;--sp-border-subtle:#3b2a22;--sp-border-hover:#6f5041;--sp-border-active:#f0a184;--sp-text-main:#fbf3ee;--sp-text-muted:#d3bdb0;--sp-text-subtle:#b39a8c;--sp-text-inverse:#1a100c;--sp-on-primary:#1a100c;--sp-code-text:#f7ece6;--sp-code-muted:#d6c1b5;--sp-code-subtle:#b49d90;--sp-code-info:#9fdbe0;--sp-code-success:#a8d8b8;--sp-code-warning:#f4d38b;--sp-code-danger:#ffb0ad;--sp-code-purple:#d0bde8;--sp-primary:#f0a184;--sp-primary-hover:#f7b79f;--sp-primary-strong:#d98263;--sp-primary-light:#f0a18424;--sp-primary-glow:#f0a18438;--sp-green:#8fd0a8;--sp-green-light:#8fd0a821;--sp-green-glow:#8fd0a838;--sp-red:#ff9a9a;--sp-red-light:#ff9a9a21;--sp-red-glow:#ff9a9a38;--sp-amber:#f3c978;--sp-amber-light:#f3c97824;--sp-cyan:#86d3d6;--sp-cyan-light:#86d3d624;--sp-purple:#c7b0e6;--sp-purple-light:#c7b0e624;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #0a05035c, 0 14px 38px #0a060440;--sp-shadow-lg:0 28px 74px #0a060470}[data-theme=light][data-palette=coral]{--sp-bg:#fbf5ef;--sp-bg-secondary:#f3e9e0;--sp-sidebar-bg:#fffaf5;--sp-card-bg:#fffdfb;--sp-card-bg-hover:#fbf1ea;--sp-card-header:#fdf7f2;--sp-input-bg:#f6ece3;--sp-code-bg:#1c1310;--sp-overlay:#321e16ad;--sp-border:#e2cdc0;--sp-border-subtle:#efdcd2;--sp-border-hover:#c4a18f;--sp-border-active:#a34f35;--sp-text-main:#33231c;--sp-text-muted:#6b5549;--sp-text-subtle:#695146;--sp-text-inverse:#fff9f5;--sp-on-primary:#fff9f5;--sp-code-text:#f7ece6;--sp-code-muted:#d6c1b5;--sp-code-subtle:#b49d90;--sp-code-info:#9fdbe0;--sp-code-success:#a8d8b8;--sp-code-warning:#f4d38b;--sp-code-danger:#ffb0ad;--sp-code-purple:#d0bde8;--sp-primary:#a34f35;--sp-primary-hover:#8b3f29;--sp-primary-strong:#753321;--sp-primary-light:#a34f351a;--sp-primary-glow:#a34f352b;--sp-green:#3b7455;--sp-green-light:#3b74551a;--sp-green-glow:#3b74552e;--sp-red:#b4433f;--sp-red-light:#b4433f1a;--sp-red-glow:#b4433f2e;--sp-amber:#94621a;--sp-amber-light:#94621a1c;--sp-cyan:#2f7177;--sp-cyan-light:#2f71771a;--sp-purple:#6f568f;--sp-purple-light:#6f568f1a;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #4225180d, 0 12px 30px #42251814;--sp-shadow-lg:0 26px 68px #42251826}[data-theme=dark][data-palette=sand]{--sp-bg:#16130d;--sp-bg-secondary:#1d1911;--sp-sidebar-bg:#19150f;--sp-card-bg:#221d14;--sp-card-bg-hover:#2c261b;--sp-card-header:#1e1911;--sp-input-bg:#1a160f;--sp-code-bg:#0e0c07;--sp-overlay:#0a0804db;--sp-border:#4a412c;--sp-border-subtle:#393222;--sp-border-hover:#6b5d3f;--sp-border-active:#d9c078;--sp-text-main:#f7f0df;--sp-text-muted:#cfc2a5;--sp-text-subtle:#ad9f82;--sp-text-inverse:#1b160d;--sp-on-primary:#1b160d;--sp-code-text:#f7f0df;--sp-code-muted:#d5c9ad;--sp-code-subtle:#b3a78b;--sp-code-info:#a5d9dc;--sp-code-success:#b2d8a8;--sp-code-warning:#f0d18b;--sp-code-danger:#ffaca4;--sp-code-purple:#cbb8df;--sp-primary:#d9c078;--sp-primary-hover:#e6d194;--sp-primary-strong:#bda154;--sp-primary-light:#d9c07824;--sp-primary-glow:#d9c07838;--sp-green:#a6c98b;--sp-green-light:#a6c98b21;--sp-green-glow:#a6c98b38;--sp-red:#f2a08f;--sp-red-light:#f2a08f21;--sp-red-glow:#f2a08f38;--sp-amber:#e8c97b;--sp-amber-light:#e8c97b24;--sp-cyan:#93c9c0;--sp-cyan-light:#93c9c024;--sp-purple:#c3b0d7;--sp-purple-light:#c3b0d724;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #09070357, 0 14px 38px #0907043d;--sp-shadow-lg:0 28px 74px #0907046b}[data-theme=light][data-palette=sand]{--sp-bg:#f7f3e8;--sp-bg-secondary:#efe9da;--sp-sidebar-bg:#fdfbf5;--sp-card-bg:#fffdf7;--sp-card-bg-hover:#fbf7ed;--sp-card-header:#fdfaf2;--sp-input-bg:#f1ebdd;--sp-code-bg:#1c1810;--sp-overlay:#302818ad;--sp-border:#dcd2bb;--sp-border-subtle:#eae1cf;--sp-border-hover:#bcae8f;--sp-border-active:#7d6427;--sp-text-main:#342c1c;--sp-text-muted:#6c6048;--sp-text-subtle:#6a5e46;--sp-text-inverse:#fffdf7;--sp-on-primary:#fffdf7;--sp-code-text:#f7f0df;--sp-code-muted:#d5c9ad;--sp-code-subtle:#b3a78b;--sp-code-info:#a5d9dc;--sp-code-success:#b2d8a8;--sp-code-warning:#f0d18b;--sp-code-danger:#ffaca4;--sp-code-purple:#cbb8df;--sp-primary:#7d6427;--sp-primary-hover:#66511d;--sp-primary-strong:#523f14;--sp-primary-light:#7d64271a;--sp-primary-glow:#7d64272b;--sp-green:#4f7041;--sp-green-light:#4f70411a;--sp-green-glow:#4f70412e;--sp-red:#a8503d;--sp-red-light:#a8503d1a;--sp-red-glow:#a8503d2e;--sp-amber:#8b6418;--sp-amber-light:#8b64181c;--sp-cyan:#356f68;--sp-cyan-light:#356f681a;--sp-purple:#6f5987;--sp-purple-light:#6f59871a;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #372e1c0d, 0 12px 30px #372e1c14;--sp-shadow-lg:0 26px 68px #372e1c26}[data-theme=dark][data-palette=graphite]{--sp-bg:#111317;--sp-bg-secondary:#171a1f;--sp-sidebar-bg:#14171c;--sp-card-bg:#1c2026;--sp-card-bg-hover:#232830;--sp-card-header:#191d22;--sp-input-bg:#161a1f;--sp-code-bg:#0b0d10;--sp-overlay:#07080bdb;--sp-border:#363d48;--sp-border-subtle:#2a3038;--sp-border-hover:#515c6b;--sp-border-active:#9bafff;--sp-text-main:#f2f4f7;--sp-text-muted:#b0b7c2;--sp-text-subtle:#858e9b;--sp-text-inverse:#11141a;--sp-on-primary:#11141a;--sp-code-text:#edf5f8;--sp-code-muted:#c0d0d7;--sp-code-subtle:#9ab0ba;--sp-code-info:#86d3f5;--sp-code-success:#87cfae;--sp-code-warning:#f2c66f;--sp-code-danger:#ff9c9c;--sp-code-purple:#c5b4ec;--sp-primary:#9bafff;--sp-primary-hover:#b4c2ff;--sp-primary-strong:#7f96f0;--sp-primary-light:#9bafff24;--sp-primary-glow:#9bafff33;--sp-green:#72c69b;--sp-green-light:#72c69b21;--sp-green-glow:#72c69b38;--sp-red:#f28488;--sp-red-light:#f2848821;--sp-red-glow:#f2848838;--sp-amber:#dfb96c;--sp-amber-light:#dfb96c24;--sp-cyan:#6cc1c8;--sp-cyan-light:#6cc1c824;--sp-purple:#b49bd6;--sp-purple-light:#b49bd624;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #00000047, 0 12px 32px #0003;--sp-shadow-lg:0 26px 68px #0000005c}[data-theme=light][data-palette=graphite]{--sp-bg:#f4f5f7;--sp-bg-secondary:#e9ebef;--sp-sidebar-bg:#fbfbfc;--sp-card-bg:#fff;--sp-card-bg-hover:#f4f5f8;--sp-card-header:#f8f8fa;--sp-input-bg:#eef0f3;--sp-code-bg:#171a20;--sp-overlay:#191d24ad;--sp-border:#d1d5dc;--sp-border-subtle:#e2e4e8;--sp-border-hover:#a9b0bc;--sp-border-active:#4d63c8;--sp-text-main:#20242b;--sp-text-muted:#59616d;--sp-text-subtle:#626a75;--sp-text-inverse:#fafbff;--sp-on-primary:#fafbff;--sp-code-text:#edf5f8;--sp-code-muted:#c0d0d7;--sp-code-subtle:#9ab0ba;--sp-code-info:#86d3f5;--sp-code-success:#87cfae;--sp-code-warning:#f2c66f;--sp-code-danger:#ff9c9c;--sp-code-purple:#c5b4ec;--sp-primary:#4d63c8;--sp-primary-hover:#3f52aa;--sp-primary-strong:#354795;--sp-primary-light:#4d63c81a;--sp-primary-glow:#4d63c829;--sp-green:#267252;--sp-green-light:#2672521a;--sp-green-glow:#2672522e;--sp-red:#b63f47;--sp-red-light:#b63f471a;--sp-red-glow:#b63f472e;--sp-amber:#91610d;--sp-amber-light:#91610d1c;--sp-cyan:#28747a;--sp-cyan-light:#28747a1a;--sp-purple:#6b5191;--sp-purple-light:#6b51911a;--sp-chart-1:var(--sp-primary);--sp-chart-2:var(--sp-cyan);--sp-chart-3:var(--sp-purple);--sp-chart-4:var(--sp-amber);--sp-chart-5:var(--sp-green);--sp-chart-6:var(--sp-red);--sp-shadow:0 1px 2px #191d250d, 0 12px 30px #191d2512;--sp-shadow-lg:0 26px 68px #191d2521}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--sp-text-main);background:radial-gradient(circle at 82% -10%, var(--sp-primary-light), transparent 30rem), var(--sp-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;transition:background-color .18s,color .18s}button,input,select,textarea{font:inherit;color:inherit}.font-mono{font-family:var(--sp-font-mono)!important}.sp-card{background:var(--sp-card-bg);border:1px solid var(--sp-border-subtle);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.card-body{padding:20px}.card-body-compact{padding:14px 18px}.sp-card:hover{border-color:var(--sp-border-hover)}.sp-card-header{border-bottom:1px solid var(--sp-border-subtle);background:var(--sp-card-header);border-top-left-radius:var(--sp-radius);border-top-right-radius:var(--sp-radius);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{color:var(--sp-text-main);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.card-primary{box-shadow:inset 3px 0 var(--sp-primary), var(--sp-shadow)}.card-green{box-shadow:inset 3px 0 var(--sp-green), var(--sp-shadow)}.card-red{box-shadow:inset 3px 0 var(--sp-red), var(--sp-shadow)}.card-amber{box-shadow:inset 3px 0 var(--sp-amber), var(--sp-shadow)}.card-purple{box-shadow:inset 3px 0 var(--sp-purple), var(--sp-shadow)}.card-cyan{box-shadow:inset 3px 0 var(--sp-cyan), var(--sp-shadow)}.sp-shell{grid-template-columns:260px minmax(0,1fr);width:100%;max-width:100vw;height:100vh;transition:grid-template-columns .22s;display:grid;overflow:hidden}.sp-shell.collapsed{grid-template-columns:78px minmax(0,1fr)}.sp-sidebar{background:var(--sp-sidebar-bg);border-right:1px solid var(--sp-border-subtle);z-index:30;flex-direction:column;height:100vh;padding:16px 14px;transition:all .22s;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--sp-border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding:6px 6px 18px;display:flex}.brand-left{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border-radius:var(--sp-radius-sm);background:var(--sp-primary-light);width:38px;height:38px;color:var(--sp-primary);border:1px solid var(--sp-primary-glow);flex-shrink:0;place-items:center;display:grid}.brand-copy strong{letter-spacing:-.3px;color:var(--sp-text-main);font-size:15px;font-weight:800;display:block}.brand-copy span{letter-spacing:.8px;color:var(--sp-primary);text-transform:uppercase;font-size:10px;font-weight:700;display:block}.collapse-btn{color:var(--sp-text-subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:4px;display:grid}.collapse-btn:hover{background:var(--sp-card-bg-hover);color:var(--sp-text-main)}.nav-group{margin-bottom:16px}.nav-group-title{color:var(--sp-text-subtle);text-transform:uppercase;letter-spacing:.6px;padding:4px 10px 8px;font-size:10px;font-weight:800}.nav-item{border-radius:var(--sp-radius-sm);color:var(--sp-text-muted);align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .16s;display:flex;position:relative}.nav-item:hover{background:var(--sp-card-bg);color:var(--sp-text-main)}.nav-item.active{background:var(--sp-primary-light);color:var(--sp-primary);box-shadow:inset 3px 0 var(--sp-primary);font-weight:700}.sidebar-footer{border-top:1px solid var(--sp-border-subtle);flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;display:flex}.footer-status{border-radius:var(--sp-radius-sm);background:var(--sp-card-bg);align-items:center;gap:9px;padding:8px 10px;font-size:12px;display:flex}.status-dot{background:var(--sp-green);width:7px;height:7px;box-shadow:0 0 8px var(--sp-green-glow);border-radius:50%}.top-header{background:var(--sp-sidebar-bg);border-bottom:1px solid var(--sp-border-subtle);z-index:20;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.env-switcher{background:var(--sp-card-bg);border:1px solid var(--sp-border-subtle);border-radius:var(--sp-radius-sm);align-items:center;gap:3px;padding:3px;display:flex}.env-button{color:var(--sp-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s}.env-button:hover{color:var(--sp-text-main)}.env-button.active{background:var(--sp-primary);color:var(--sp-text-inverse);box-shadow:var(--sp-shadow)}.health-chip,.database-chip{border:1px solid var(--sp-border-subtle);background:var(--sp-card-bg);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.health-dot{background:var(--sp-green);width:7px;height:7px;box-shadow:0 0 8px var(--sp-green);border-radius:50%}.header-actions{align-items:center;gap:12px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-bottom:22px;display:grid}@keyframes metric-value-update{0%{color:var(--sp-text-main);transform:translateY(0)}35%{color:var(--sp-primary);text-shadow:0 0 16px var(--sp-primary-glow);transform:translateY(-2px)scale(1.04)}to{color:var(--sp-text-main);text-shadow:none;transform:translateY(0)scale(1)}}.score-ring{background:conic-gradient(var(--sp-primary) calc(var(--score,0) * 1%), var(--sp-border-subtle) 0);width:110px;height:110px;box-shadow:var(--sp-shadow);border-radius:50%;place-items:center;display:grid;position:relative}.score-ring:after{content:"";background:var(--sp-card-bg);border-radius:50%;width:86px;height:86px;position:absolute}.score-ring-content{z-index:2;text-align:center;position:relative}.score-ring-content strong{color:var(--sp-text-main);font-size:1.7rem;font-weight:800;line-height:1;display:block}.score-ring-content span{color:var(--sp-text-subtle);font-size:.72rem;font-weight:600}.anomaly-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:22px;display:grid}.alert-card{background:var(--sp-card-bg);border:1px solid var(--sp-border-subtle);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.alert-card.severity-critical{box-shadow:inset 3px 0 var(--sp-red), var(--sp-shadow)}.alert-card.severity-warning{box-shadow:inset 3px 0 var(--sp-amber), var(--sp-shadow)}.alert-card.severity-info{box-shadow:inset 3px 0 var(--sp-primary), var(--sp-shadow)}.ac-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ac-title{color:var(--sp-text-main);font-size:.95rem;font-weight:750}.ac-desc{color:var(--sp-text-muted);font-size:.84rem;line-height:1.45}.ac-details-box{background:var(--sp-input-bg);border-radius:var(--sp-radius-sm);border:1px solid var(--sp-border-subtle);flex-direction:column;gap:6px;padding:10px 12px;font-size:.8rem;display:flex}.ac-details-box .detail-row{flex-direction:column;gap:2px;display:flex}.ac-details-box .d-lbl{color:var(--sp-text-subtle);text-transform:uppercase;font-size:.7rem;font-weight:700}.ac-details-box .d-val{color:var(--sp-text-main)}.ac-details-box .row-recommendation .d-lbl{color:var(--sp-green)}.badge{letter-spacing:.3px;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:750;display:inline-flex}.badge-healthy,.badge.income{background:var(--sp-green-light);color:var(--sp-green)}.badge-critical,.badge.expense{background:var(--sp-red-light);color:var(--sp-red)}.badge-warn,.badge-warning{background:var(--sp-amber-light);color:var(--sp-amber)}.badge-neutral,.badge.transfer{background:var(--sp-primary-light);color:var(--sp-primary)}.btn{border-radius:var(--sp-radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:all .16s;display:inline-flex}.btn-primary{background:var(--sp-primary);color:var(--sp-text-inverse);box-shadow:0 4px 14px var(--sp-primary-light)}.btn-primary:hover{background:var(--sp-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--sp-card-bg);border-color:var(--sp-border);color:var(--sp-text-main)}.btn-secondary:hover{background:var(--sp-card-bg-hover);border-color:var(--sp-border-hover)}.btn-sm{padding:6px 12px;font-size:12px}input,select,textarea{background:var(--sp-input-bg);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);width:100%;color:var(--sp-text-main);outline:none;padding:9px 12px;transition:all .16s}input:focus,select:focus,textarea:focus{border-color:var(--sp-border-active);box-shadow:0 0 0 3px var(--sp-primary-light)}.page-container{box-sizing:border-box;width:100%;min-width:0;max-width:min(100% - 48px,1600px);margin:0 auto;padding:20px 26px 44px}@media (width>=1920px){.page-container{max-width:min(100% - 80px,1920px)}}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.eyebrow{letter-spacing:.6px;color:var(--sp-primary);text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:800;display:block}.page-title{letter-spacing:-.6px;color:var(--sp-text-main);font-size:1.65rem;font-weight:800}.page-subtitle{color:var(--sp-text-muted);margin-top:3px;font-size:.88rem}.grid-2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;width:100%;margin-bottom:18px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;width:100%;margin-bottom:18px;display:grid}.chart-card{flex-direction:column;min-width:0;max-width:100%;height:320px;padding:18px 20px;display:flex;overflow:hidden}.chart-body{flex:1;min-width:0;max-width:100%;min-height:240px;position:relative}.sp-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}table.sp-table{border-collapse:collapse;width:100%;font-size:.88rem}table.sp-table th{background:var(--sp-card-header);text-align:left;text-transform:uppercase;color:var(--sp-text-subtle);border-bottom:1px solid var(--sp-border-subtle);padding:12px 16px;font-size:.72rem;font-weight:800}table.sp-table td{border-bottom:1px solid var(--sp-border-subtle);color:var(--sp-text-main);padding:13px 16px}table.sp-table tr:hover td{background:var(--sp-card-bg-hover)}.modal-overlay,.modal-backdrop{background:var(--sp-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;overscroll-behavior:contain;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-content,.modal-card{background:var(--sp-card-bg);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);width:min(560px,100%);box-shadow:var(--sp-shadow-lg);overscroll-behavior:contain;flex-direction:column;gap:18px;max-height:calc(100dvh - 32px);margin:auto;padding:24px;display:flex;overflow-y:auto}.modal-card{gap:0;padding:0}.modal-card .modal-header{border-bottom:1px solid var(--sp-border-subtle);background:var(--sp-card-header);border-radius:var(--sp-radius-lg) var(--sp-radius-lg) 0 0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.modal-card .modal-title{font-size:1.05rem;font-weight:800;line-height:1.35}.modal-card .modal-body{min-width:0;padding:20px 22px}.modal-card .modal-footer{border-top:1px solid var(--sp-border-subtle);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.modal-card .modal-close{background:var(--sp-card-bg-hover);color:var(--sp-text-main);cursor:pointer;border:0;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.modal-card .modal-close:hover{color:var(--sp-primary)}.page-section-nav{background:var(--sp-card-bg);border:1px solid var(--sp-border-subtle);border-radius:var(--sp-radius);flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:10px 12px;display:flex}.page-section-nav a,.page-section-nav button{color:var(--sp-text-muted);background:var(--sp-input-bg);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:6px 11px;font-size:.78rem;font-weight:700;text-decoration:none}.page-section-nav a:hover,.page-section-nav a:focus-visible,.page-section-nav button:hover,.page-section-nav button:focus-visible,.page-section-nav button.active{color:var(--sp-primary);outline:2px solid var(--sp-primary-light)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section-divider{color:var(--sp-text-muted);letter-spacing:.03em;align-items:center;gap:14px;margin:22px 0 14px;font-size:.82rem;font-weight:800;display:flex}.section-divider:after{content:"";background:var(--sp-border);flex:1;height:1px}.collapsible-panel>summary{cursor:pointer;color:var(--sp-text-main);background:var(--sp-card-header);justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;font-weight:750;list-style:none;display:flex}.collapsible-panel>summary::-webkit-details-marker{display:none}.collapsible-panel>summary:after{content:"＋";color:var(--sp-primary);font-size:1.25rem}.collapsible-panel[open]>summary:after{content:"−"}.collapsible-panel>summary:hover{color:var(--sp-primary)}.collapsible-panel{scroll-margin-top:16px}.week-pagination,.week-pagination-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.week-pagination{border-top:1px solid var(--sp-border-subtle);color:var(--sp-text-muted);padding:12px 18px;font-size:.78rem;font-weight:700}.projection-range{border:1px solid var(--sp-border-active);border-radius:var(--sp-radius);background:var(--sp-primary-light);color:var(--sp-primary);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.projection-range>div{flex:1;gap:2px;min-width:220px;display:grid}.projection-range strong{color:var(--sp-text-main);font-size:.9rem}.projection-range span{color:var(--sp-text-muted);font-size:.75rem}.projection-week-preview{flex-wrap:wrap;align-items:stretch;gap:8px;margin:-6px 0 18px;display:flex}.projection-week-preview>div,.projection-week-preview>a{border:1px solid var(--sp-border-subtle);background:var(--sp-card-bg);border-radius:9px;gap:3px;min-width:min(100%,170px);padding:9px 12px;font-size:.73rem;display:grid}.projection-week-preview strong{color:var(--sp-primary)}.projection-week-preview span{color:var(--sp-text-muted);white-space:nowrap}.projection-week-preview>a{color:var(--sp-primary);place-content:center;font-weight:750;text-decoration:none}.projection-period{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:14px;display:grid}.projection-field{min-width:0}.projection-field label{color:var(--sp-text-muted);margin-bottom:5px;font-size:.76rem;font-weight:750;display:block}.projection-field input,.projection-field select{width:100%}.projection-inline{gap:7px;display:flex}.projection-inline input{flex:1;min-width:80px}.projection-inline button{flex:none}.projection-helper{color:var(--sp-text-muted);margin:12px 0;font-size:.78rem;line-height:1.5}.projection-warning{color:var(--sp-red);background:var(--sp-red-light);border-radius:9px;margin-top:10px;padding:12px}.income-months{gap:9px;margin:14px 0;display:grid}.income-month{border:1px solid var(--sp-border-subtle);background:var(--sp-card-bg);border-radius:9px;overflow:hidden}.income-month summary{cursor:pointer;background:var(--sp-card-header);text-transform:capitalize;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.8rem;font-weight:750;list-style:none;display:flex}.income-month summary::-webkit-details-marker{display:none}.income-month summary strong{color:var(--sp-green);font-family:var(--sp-font-mono)}.income-events{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px;padding:12px;display:grid}.income-event{border:1px solid var(--sp-border-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.income-event>span{gap:1px;font-size:.74rem;display:grid}.income-event small{color:var(--sp-text-subtle)}.income-event input{width:105px;min-width:0;font-family:var(--sp-font-mono);text-align:right;padding:6px}.calendar-months{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:10px;display:grid}.calendar-month{border:1px solid var(--sp-border-subtle);background:var(--sp-card-bg);border-radius:var(--sp-radius-sm);gap:6px;padding:12px 14px;font-size:.75rem;display:grid}.calendar-month>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-month span,.calendar-month small{color:var(--sp-text-muted)}.calendar-month strong{font-family:var(--sp-font-mono)}.calendar-month-heading{border-bottom:1px solid var(--sp-border-subtle);text-transform:capitalize;padding-bottom:6px}.calendar-month-heading strong{font-family:inherit;font-size:.84rem}.calendar-month-net{border-top:1px solid var(--sp-border-subtle);padding-top:6px}.income-amount{color:var(--sp-green)}.expense-amount{color:var(--sp-red)}.projection-service-date{color:var(--sp-text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 0;font-size:.73rem;display:flex}.projection-service-date input{max-width:170px;padding:5px 7px}.projection-service-date small{color:var(--sp-text-subtle);flex-basis:100%}.projection-event-groups{gap:7px;margin-top:10px;display:grid}.projection-event-groups .income-month summary{text-transform:capitalize}.projection-event-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:7px;padding:10px;display:grid}.projection-event-input{border:1px solid var(--sp-border-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:7px;padding:5px 7px;font-size:.73rem;display:flex}.projection-event-input span{gap:2px;display:grid}.projection-event-input small{color:var(--sp-amber)}.projection-event-input input{text-align:right;width:95px;min-width:0;padding:5px}.visual-picker{border:1px solid var(--sp-border-subtle);border-radius:10px;min-width:0;margin:12px 0;padding:12px}.visual-picker legend{color:var(--sp-text-main);padding:0 5px;font-size:.78rem;font-weight:800}.visual-picker>small{color:var(--sp-text-muted);margin-top:7px;font-size:.72rem;display:block}.visual-picker>label{margin:12px 0 5px;display:block}.visual-picker>select{width:100%}.visual-icon-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.visual-icon-grid button{background:var(--sp-card-bg);color:var(--sp-text-muted);border:1px solid var(--sp-border-subtle);cursor:pointer;border-radius:8px;place-items:center;gap:2px;min-height:55px;font-size:.7rem;display:grid}.visual-icon-grid button.selected{border-color:var(--sp-primary);color:var(--sp-primary);background:var(--sp-primary-light)}.visual-icon-grid button small{font-size:.64rem}.goal-style-ocean{border-top:3px solid #0284c7}.goal-style-emerald{border-top:3px solid #059669}.goal-style-sunset{border-top:3px solid #ea580c}.goal-style-violet{border-top:3px solid #7c3aed}.goal-style-graphite{border-top:3px solid #475569}.projection-existing{border-top:1px solid var(--sp-border-subtle);margin-top:18px;padding-top:12px}.projection-existing h4{color:var(--sp-text-main);font-size:.88rem}.projection-existing-item{border:1px solid var(--sp-border-subtle);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;padding:8px;display:flex}.projection-existing-item label{align-items:center;gap:7px;font-size:.76rem;display:flex}.projection-existing-item input[type=number]{text-align:right;max-width:115px}.projection-calendar-payment{justify-content:space-between;gap:8px;margin:3px 0;font-size:.74rem;display:flex}.content-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;overflow:hidden auto}:root[data-theme=dark] .content-area{background:radial-gradient(circle 27px at 87% 86px, #ebf8ff94 0 67%, transparent 100%), radial-gradient(circle 185px at 87% 86px, #96cceb1f, transparent 82%), linear-gradient(160deg, #0d263c 0%, var(--sp-bg) 48%, #0a2234 100%);background-attachment:local}[id^=section-]{scroll-margin-top:18px}.back-to-top{z-index:40;border:1px solid var(--sp-border-active);background:var(--sp-card-bg);color:var(--sp-primary);box-shadow:var(--sp-shadow-lg);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:.8rem;font-weight:800;position:fixed;bottom:24px;right:26px}.back-to-top:hover{background:var(--sp-primary-light)}@media (width<=640px){.modal-overlay,.modal-backdrop{padding:8px}.modal-content,.modal-card{max-height:calc(100dvh - 16px)}.modal-card .modal-header,.modal-card .modal-body,.modal-card .modal-footer{padding:14px}.modal-card .telemetry-grid{grid-template-columns:1fr}.modal-card [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.week-pagination{align-items:flex-start}.back-to-top{bottom:12px;right:12px}}.mobile-hamburger{color:var(--sp-text-main);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px;display:none}.mobile-hamburger:hover{background:var(--sp-card-bg-hover)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;background:#0000008c;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-overlay.active{opacity:1;display:block}@media (width<=1280px){.page-container{max-width:100%}}@media (width<=1024px){.sp-shell{grid-template-columns:220px minmax(0,1fr)}.sp-shell.collapsed{grid-template-columns:68px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.page-container{padding:18px 20px 48px}.page-header{flex-direction:column;gap:12px}.header-actions{flex-wrap:wrap;gap:8px}.anomaly-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width<=768px){.sp-shell{flex-direction:column;height:100vh;display:flex}.sp-sidebar{z-index:50;border-right:1px solid var(--sp-border-subtle);width:280px;height:100vh;box-shadow:none;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-300px}.sp-sidebar.mobile-open{left:0;box-shadow:8px 0 32px #0000004d}.mobile-hamburger{display:grid}.mobile-overlay{display:none}.mobile-overlay.active{display:block}.top-header{gap:8px;height:56px;padding:0 14px}.env-switcher{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;overflow-x:auto}.env-switcher::-webkit-scrollbar{display:none}.env-button{white-space:nowrap;padding:4px 10px;font-size:10px}.header-left{gap:8px}.header-actions{flex-wrap:wrap;gap:6px}.health-chip{display:none}.page-container{max-width:100%;padding:14px 12px 40px}.page-title{font-size:1.25rem}.page-subtitle{font-size:.8rem}.eyebrow{font-size:.65rem}.page-header{flex-direction:column;gap:10px;margin-bottom:16px}.metric-grid{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.grid-2,.grid-3{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.anomaly-grid{grid-template-columns:1fr;gap:12px}.chart-card{height:260px}.chart-body{min-height:200px}.sp-card-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.card-body{padding:14px}.card-body-compact{padding:10px 12px}.modal-content{border-radius:var(--sp-radius);width:100%;max-height:90vh;padding:16px;overflow-y:auto}.modal-overlay{padding:10px}table.sp-table{font-size:.78rem}table.sp-table th,table.sp-table td{padding:8px 10px}.sp-table-container{margin:0 -14px;padding:0 14px}.btn{padding:8px 14px;font-size:12.5px}.btn-sm{padding:5px 10px;font-size:11px}input,select,textarea{padding:8px 10px;font-size:14px}.score-ring{width:90px;height:90px}.score-ring:after{width:70px;height:70px}.score-ring-content strong{font-size:1.4rem}}@media (width<=480px){.top-header{flex-direction:column;align-items:stretch;gap:6px;height:auto;padding:8px 10px}.header-left{flex-wrap:wrap;justify-content:space-between;width:100%}.header-actions{justify-content:flex-end;width:100%}.database-chip{display:none}.page-title{font-size:1.05rem}.sp-card{border-radius:10px}.sp-card-header{border-radius:10px 10px 0 0}.env-button{padding:3px 7px;font-size:9px}.header-actions>div:last-child span{display:none}}.user-menu{background:var(--sp-input-bg);border:1px solid var(--sp-border-subtle);border-radius:12px;align-items:center;gap:7px;height:38px;padding:3px 4px 3px 6px;display:flex}.user-profile{min-width:0;color:inherit;border-radius:8px;align-items:center;gap:8px;padding:2px 4px;text-decoration:none;transition:background-color .15s;display:flex}.user-profile:hover strong{color:var(--sp-primary)}.avatar{width:28px;height:28px;color:var(--sp-on-primary);background:linear-gradient(145deg, var(--sp-primary), var(--sp-primary-strong));border-radius:8px;flex-shrink:0;place-items:center;font-size:.68rem;font-weight:800;display:grid}.user-copy{flex-direction:column;max-width:120px;line-height:1.15;display:flex}.user-copy strong,.user-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-copy strong{color:var(--sp-text-main);font-size:.72rem}.user-copy span{color:var(--sp-text-subtle);letter-spacing:.06em;font-size:.58rem;font-weight:750}.logout-button{width:28px;height:28px;color:var(--sp-red);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:all .12s;display:grid}.logout-button:hover{background:var(--sp-red-light)}@media (width<=1200px){.database-chip,.user-copy{display:none}}