@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_1b85de{font-family:Inter,Inter Fallback;font-style:normal}.__variable_1b85de{--font-inter:"Inter","Inter Fallback"}:root,[data-theme=default-light]{--color-bg-surface:#f3f4f6;--color-bg-overlay:#ffffff;--color-bg-muted:#f9fafb;--color-bg-skeleton:#e5e7eb;--color-bg-skeleton-shine:#f3f4f6;--color-fg-default:#111827;--color-fg-muted:#6b7280;--color-fg-subtle:#9ca3af;--color-fg-on-primary:#ffffff;--color-primary:#0052cc;--color-primary-hover:#0747a6;--color-primary-active:#003d99;--color-primary-muted:#e7f0ff;--color-primary-contrast:#ffffff;--color-accent:#ff6b6b;--color-accent-muted:#fff1f2;--color-border-default:#e5e7eb;--color-border-strong:#d1d5db;--color-border-focus:#0052cc;--color-border-subtle:#f3f4f6;--color-sidebar-bg:#ffffff;--color-sidebar-fg:#4b5563;--color-sidebar-active-bg:#e7f0ff;--color-sidebar-active-fg:#0052cc;--color-topbar-bg:#ffffff;--color-topbar-border:#e5e7eb;--color-status-success:#059669;--color-status-success-bg:#ecfdf5;--color-status-warning:#d97706;--color-status-warning-bg:#fffbeb;--color-status-danger:#ef4444;--color-status-danger-bg:#fef2f2;--color-status-info:#0052cc;--color-status-info-bg:#e7f0ff;--shadow-sm:0 1px 2px 0 rgb(17 24 39/.04);--shadow-md:0 4px 12px -2px rgb(17 24 39/.08),0 2px 6px -2px rgb(17 24 39/.06);--shadow-lg:0 12px 24px -4px rgb(17 24 39/.1),0 4px 8px -4px rgb(17 24 39/.06);--shadow-xl:0 20px 40px -8px rgb(17 24 39/.12),0 8px 16px -6px rgb(17 24 39/.08)}[data-theme=default-dark]{--color-bg-surface:#0f172a;--color-bg-overlay:#1e293b;--color-bg-muted:#1e293b;--color-bg-skeleton:#334155;--color-bg-skeleton-shine:#475569;--color-fg-default:#f1f5f9;--color-fg-muted:#94a3b8;--color-fg-subtle:#64748b;--color-fg-on-primary:#ffffff;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-active:#93c5fd;--color-primary-muted:#1e3a8a;--color-primary-contrast:#ffffff;--color-accent:#fb923c;--color-accent-muted:#7c2d12;--color-border-default:#334155;--color-border-strong:#64748b;--color-border-focus:#60a5fa;--color-border-subtle:#1e293b;--color-sidebar-bg:#0f172a;--color-sidebar-fg:#94a3b8;--color-sidebar-active-bg:#1e3a8a;--color-sidebar-active-fg:#93c5fd;--color-topbar-bg:#1e293b;--color-topbar-border:#334155;--color-status-success:#4ade80;--color-status-success-bg:#052e16;--color-status-warning:#fbbf24;--color-status-warning-bg:#451a03;--color-status-danger:#fb7185;--color-status-danger-bg:#4c0519;--color-status-info:#22d3ee;--color-status-info-bg:#083344;--shadow-sm:0 1px 2px 0 rgb(0 0 0/.3);--shadow-md:0 4px 6px -1px rgb(0 0 0/.4),0 2px 4px -2px rgb(0 0 0/.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.4),0 4px 6px -4px rgb(0 0 0/.3);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.4),0 8px 10px -6px rgb(0 0 0/.3)}[data-theme=ocean-light]{--color-bg-surface:#f0fdff;--color-bg-overlay:#ffffff;--color-bg-muted:#e0f7fa;--color-bg-skeleton:#b2ebf2;--color-bg-skeleton-shine:#e0f7fa;--color-fg-default:#0c1a2e;--color-fg-muted:#1e4d6b;--color-fg-subtle:#4d8fa8;--color-fg-on-primary:#ffffff;--color-primary:#0891b2;--color-primary-hover:#0e7490;--color-primary-active:#155e75;--color-primary-muted:#cffafe;--color-primary-contrast:#ffffff;--color-accent:#06b6d4;--color-accent-muted:#ecfeff;--color-border-default:#a5f3fc;--color-border-strong:#4d8fa8;--color-border-focus:#0891b2;--color-border-subtle:#e0f7fa;--color-sidebar-bg:#ffffff;--color-sidebar-fg:#1e4d6b;--color-sidebar-active-bg:#cffafe;--color-sidebar-active-fg:#0e7490;--color-topbar-bg:#ffffff;--color-topbar-border:#a5f3fc;--color-status-success:#16a34a;--color-status-success-bg:#f0fdf4;--color-status-warning:#d97706;--color-status-warning-bg:#fffbeb;--color-status-danger:#dc2626;--color-status-danger-bg:#fff1f2;--color-status-info:#0891b2;--color-status-info-bg:#ecfeff;--shadow-sm:0 1px 2px 0 rgb(8 145 178/.1);--shadow-md:0 4px 6px -1px rgb(8 145 178/.15),0 2px 4px -2px rgb(8 145 178/.1);--shadow-lg:0 10px 15px -3px rgb(8 145 178/.15),0 4px 6px -4px rgb(8 145 178/.1);--shadow-xl:0 20px 25px -5px rgb(8 145 178/.15),0 8px 10px -6px rgb(8 145 178/.1)}[data-theme=ocean-dark]{--color-bg-surface:#0c1524;--color-bg-overlay:#0f2035;--color-bg-muted:#0f2035;--color-bg-skeleton:#164e63;--color-bg-skeleton-shine:#1e6f8c;--color-fg-default:#e0f7fa;--color-fg-muted:#67e8f9;--color-fg-subtle:#0891b2;--color-fg-on-primary:#ffffff;--color-primary:#06b6d4;--color-primary-hover:#22d3ee;--color-primary-active:#67e8f9;--color-primary-muted:#083344;--color-primary-contrast:#0c1524;--color-accent:#22d3ee;--color-accent-muted:#083344;--color-border-default:#164e63;--color-border-strong:#0891b2;--color-border-focus:#06b6d4;--color-border-subtle:#0f2035;--color-sidebar-bg:#0c1524;--color-sidebar-fg:#67e8f9;--color-sidebar-active-bg:#083344;--color-sidebar-active-fg:#22d3ee;--color-topbar-bg:#0f2035;--color-topbar-border:#164e63;--color-status-success:#4ade80;--color-status-success-bg:#052e16;--color-status-warning:#fbbf24;--color-status-warning-bg:#451a03;--color-status-danger:#fb7185;--color-status-danger-bg:#4c0519;--color-status-info:#22d3ee;--color-status-info-bg:#083344;--shadow-sm:0 1px 2px 0 rgb(0 0 0/.4);--shadow-md:0 4px 6px -1px rgb(0 0 0/.5),0 2px 4px -2px rgb(0 0 0/.4);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.5),0 4px 6px -4px rgb(0 0 0/.4);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.5),0 8px 10px -6px rgb(0 0 0/.4)}[data-theme=forest-light]{--color-bg-surface:#f0fdf4;--color-bg-overlay:#ffffff;--color-bg-muted:#dcfce7;--color-bg-skeleton:#bbf7d0;--color-bg-skeleton-shine:#dcfce7;--color-fg-default:#052e16;--color-fg-muted:#166534;--color-fg-subtle:#4ade80;--color-fg-on-primary:#ffffff;--color-primary:#16a34a;--color-primary-hover:#15803d;--color-primary-active:#166534;--color-primary-muted:#dcfce7;--color-primary-contrast:#ffffff;--color-accent:#84cc16;--color-accent-muted:#f7fee7;--color-border-default:#86efac;--color-border-strong:#4ade80;--color-border-focus:#16a34a;--color-border-subtle:#dcfce7;--color-sidebar-bg:#ffffff;--color-sidebar-fg:#166534;--color-sidebar-active-bg:#dcfce7;--color-sidebar-active-fg:#15803d;--color-topbar-bg:#ffffff;--color-topbar-border:#86efac;--color-status-success:#16a34a;--color-status-success-bg:#f0fdf4;--color-status-warning:#d97706;--color-status-warning-bg:#fffbeb;--color-status-danger:#dc2626;--color-status-danger-bg:#fff1f2;--color-status-info:#0891b2;--color-status-info-bg:#ecfeff;--shadow-sm:0 1px 2px 0 rgb(22 163 74/.1);--shadow-md:0 4px 6px -1px rgb(22 163 74/.12),0 2px 4px -2px rgb(22 163 74/.1);--shadow-lg:0 10px 15px -3px rgb(22 163 74/.12),0 4px 6px -4px rgb(22 163 74/.1);--shadow-xl:0 20px 25px -5px rgb(22 163 74/.12),0 8px 10px -6px rgb(22 163 74/.1)}[data-theme=forest-dark]{--color-bg-surface:#052e16;--color-bg-overlay:#0a3d1f;--color-bg-muted:#0a3d1f;--color-bg-skeleton:#166534;--color-bg-skeleton-shine:#15803d;--color-fg-default:#dcfce7;--color-fg-muted:#86efac;--color-fg-subtle:#4ade80;--color-fg-on-primary:#052e16;--color-primary:#22c55e;--color-primary-hover:#4ade80;--color-primary-active:#86efac;--color-primary-muted:#052e16;--color-primary-contrast:#052e16;--color-accent:#a3e635;--color-accent-muted:#1a2e05;--color-border-default:#166534;--color-border-strong:#4ade80;--color-border-focus:#22c55e;--color-border-subtle:#0a3d1f;--color-sidebar-bg:#052e16;--color-sidebar-fg:#86efac;--color-sidebar-active-bg:#166534;--color-sidebar-active-fg:#4ade80;--color-topbar-bg:#0a3d1f;--color-topbar-border:#166534;--color-status-success:#4ade80;--color-status-success-bg:#052e16;--color-status-warning:#fbbf24;--color-status-warning-bg:#451a03;--color-status-danger:#fb7185;--color-status-danger-bg:#4c0519;--color-status-info:#22d3ee;--color-status-info-bg:#083344;--shadow-sm:0 1px 2px 0 rgb(0 0 0/.4);--shadow-md:0 4px 6px -1px rgb(0 0 0/.5),0 2px 4px -2px rgb(0 0 0/.4);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.5),0 4px 6px -4px rgb(0 0 0/.4);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.5),0 8px 10px -6px rgb(0 0 0/.4)}[data-theme=sunset-light]{--color-bg-surface:#fff7ed;--color-bg-overlay:#ffffff;--color-bg-muted:#ffedd5;--color-bg-skeleton:#fed7aa;--color-bg-skeleton-shine:#ffedd5;--color-fg-default:#431407;--color-fg-muted:#9a3412;--color-fg-subtle:#ea580c;--color-fg-on-primary:#ffffff;--color-primary:#ea580c;--color-primary-hover:#c2410c;--color-primary-active:#9a3412;--color-primary-muted:#ffedd5;--color-primary-contrast:#ffffff;--color-accent:#d97706;--color-accent-muted:#fef3c7;--color-border-default:#fdba74;--color-border-strong:#fb923c;--color-border-focus:#ea580c;--color-border-subtle:#ffedd5;--color-sidebar-bg:#ffffff;--color-sidebar-fg:#9a3412;--color-sidebar-active-bg:#ffedd5;--color-sidebar-active-fg:#c2410c;--color-topbar-bg:#ffffff;--color-topbar-border:#fdba74;--color-status-success:#16a34a;--color-status-success-bg:#f0fdf4;--color-status-warning:#d97706;--color-status-warning-bg:#fffbeb;--color-status-danger:#dc2626;--color-status-danger-bg:#fff1f2;--color-status-info:#0891b2;--color-status-info-bg:#ecfeff;--shadow-sm:0 1px 2px 0 rgb(234 88 12/.1);--shadow-md:0 4px 6px -1px rgb(234 88 12/.12),0 2px 4px -2px rgb(234 88 12/.1);--shadow-lg:0 10px 15px -3px rgb(234 88 12/.12),0 4px 6px -4px rgb(234 88 12/.1);--shadow-xl:0 20px 25px -5px rgb(234 88 12/.12),0 8px 10px -6px rgb(234 88 12/.1)}[data-theme=sunset-dark]{--color-bg-surface:#1a0b05;--color-bg-overlay:#2c1206;--color-bg-muted:#2c1206;--color-bg-skeleton:#7c2d12;--color-bg-skeleton-shine:#9a3412;--color-fg-default:#ffedd5;--color-fg-muted:#fdba74;--color-fg-subtle:#fb923c;--color-fg-on-primary:#ffffff;--color-primary:#fb923c;--color-primary-hover:#fdba74;--color-primary-active:#fed7aa;--color-primary-muted:#431407;--color-primary-contrast:#1a0b05;--color-accent:#fbbf24;--color-accent-muted:#451a03;--color-border-default:#7c2d12;--color-border-strong:#ea580c;--color-border-focus:#fb923c;--color-border-subtle:#2c1206;--color-sidebar-bg:#1a0b05;--color-sidebar-fg:#fdba74;--color-sidebar-active-bg:#431407;--color-sidebar-active-fg:#fb923c;--color-topbar-bg:#2c1206;--color-topbar-border:#7c2d12;--color-status-success:#4ade80;--color-status-success-bg:#052e16;--color-status-warning:#fbbf24;--color-status-warning-bg:#451a03;--color-status-danger:#fb7185;--color-status-danger-bg:#4c0519;--color-status-info:#22d3ee;--color-status-info-bg:#083344;--shadow-sm:0 1px 2px 0 rgb(0 0 0/.5);--shadow-md:0 4px 6px -1px rgb(0 0 0/.6),0 2px 4px -2px rgb(0 0 0/.5);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.6),0 4px 6px -4px rgb(0 0 0/.5);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.6),0 8px 10px -6px rgb(0 0 0/.5)}[data-theme=midnight-light]{--color-bg-surface:#f5f3ff;--color-bg-overlay:#ffffff;--color-bg-muted:#ede9fe;--color-bg-skeleton:#ddd6fe;--color-bg-skeleton-shine:#ede9fe;--color-fg-default:#2e1065;--color-fg-muted:#5b21b6;--color-fg-subtle:#7c3aed;--color-fg-on-primary:#ffffff;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-active:#5b21b6;--color-primary-muted:#ede9fe;--color-primary-contrast:#ffffff;--color-accent:#8b5cf6;--color-accent-muted:#f5f3ff;--color-border-default:#c4b5fd;--color-border-strong:#a78bfa;--color-border-focus:#7c3aed;--color-border-subtle:#ede9fe;--color-sidebar-bg:#ffffff;--color-sidebar-fg:#5b21b6;--color-sidebar-active-bg:#ede9fe;--color-sidebar-active-fg:#6d28d9;--color-topbar-bg:#ffffff;--color-topbar-border:#c4b5fd;--color-status-success:#16a34a;--color-status-success-bg:#f0fdf4;--color-status-warning:#d97706;--color-status-warning-bg:#fffbeb;--color-status-danger:#dc2626;--color-status-danger-bg:#fff1f2;--color-status-info:#0891b2;--color-status-info-bg:#ecfeff;--shadow-sm:0 1px 2px 0 rgb(124 58 237/.1);--shadow-md:0 4px 6px -1px rgb(124 58 237/.12),0 2px 4px -2px rgb(124 58 237/.1);--shadow-lg:0 10px 15px -3px rgb(124 58 237/.12),0 4px 6px -4px rgb(124 58 237/.1);--shadow-xl:0 20px 25px -5px rgb(124 58 237/.12),0 8px 10px -6px rgb(124 58 237/.1)}[data-theme=midnight-dark]{--color-bg-surface:#0d0a1a;--color-bg-overlay:#1a1133;--color-bg-muted:#1a1133;--color-bg-skeleton:#4c1d95;--color-bg-skeleton-shine:#5b21b6;--color-fg-default:#ede9fe;--color-fg-muted:#c4b5fd;--color-fg-subtle:#a78bfa;--color-fg-on-primary:#ffffff;--color-primary:#8b5cf6;--color-primary-hover:#a78bfa;--color-primary-active:#c4b5fd;--color-primary-muted:#2e1065;--color-primary-contrast:#0d0a1a;--color-accent:#a78bfa;--color-accent-muted:#2e1065;--color-border-default:#4c1d95;--color-border-strong:#7c3aed;--color-border-focus:#8b5cf6;--color-border-subtle:#1a1133;--color-sidebar-bg:#0d0a1a;--color-sidebar-fg:#c4b5fd;--color-sidebar-active-bg:#2e1065;--color-sidebar-active-fg:#a78bfa;--color-topbar-bg:#1a1133;--color-topbar-border:#4c1d95;--color-status-success:#4ade80;--color-status-success-bg:#052e16;--color-status-warning:#fbbf24;--color-status-warning-bg:#451a03;--color-status-danger:#fb7185;--color-status-danger-bg:#4c0519;--color-status-info:#22d3ee;--color-status-info-bg:#083344;--shadow-sm:0 1px 2px 0 rgb(0 0 0/.6);--shadow-md:0 4px 6px -1px rgb(0 0 0/.7),0 2px 4px -2px rgb(0 0 0/.6);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.7),0 4px 6px -4px rgb(0 0 0/.6);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.7),0 8px 10px -6px rgb(0 0 0/.6)}html{--color-primary-default:var(--color-primary);--color-fg-onPrimary:var(--color-primary-contrast);--color-status-dangerMuted:var(--color-status-danger-bg);--color-status-warningMuted:var(--color-status-warning-bg);--color-status-successMuted:var(--color-status-success-bg)}:root{--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--portal-sidebar-width:256px;--portal-topbar-height:64px;--transition-fast:100ms ease;--transition-normal:200ms ease;--transition-slow:350ms ease;--font-sans:var(--font-inter),Inter,system-ui,-apple-system,sans-serif;--font-mono:var(--font-mono-var),"JetBrains Mono",ui-monospace,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}html.theme-ready{transition:color var(--transition-normal),background-color var(--transition-normal)}body{font-family:var(--font-sans);background-color:var(--color-bg-surface);color:var(--color-fg-default);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,svg{display:block}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font:inherit}.portal-shell{display:grid;grid-template-areas:"sidebar topbar" "sidebar main";grid-template-columns:var(--portal-sidebar-width) 1fr;grid-template-rows:var(--portal-topbar-height) 1fr;min-height:100vh;background:var(--color-bg-surface)}.portal-sidebar{grid-area:sidebar;display:flex;flex-direction:column;width:var(--portal-sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-border-default);padding:var(--spacing-6) 0 var(--spacing-4);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent;box-shadow:4px 0 24px -12px color-mix(in srgb,var(--color-fg-default) 8%,transparent)}.sidebar-brand{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:0 var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-subtle)}.sidebar-brand-mark{width:40px;height:40px;border-radius:12px;background:var(--color-primary);color:var(--color-fg-on-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-brand-name{font-weight:700;font-size:1.0625rem;letter-spacing:-.02em;color:var(--color-fg-default);line-height:1.2}.sidebar-brand-tagline{font-size:.5625rem;font-weight:600;letter-spacing:.14em;color:var(--color-fg-subtle);line-height:1.3}.sidebar-nav{flex:1 1;padding:var(--spacing-3) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--color-sidebar-fg);font-size:.875rem;font-weight:500;position:relative;transition:background-color var(--transition-fast),color var(--transition-fast);min-height:40px}.sidebar-nav-item:hover{background:var(--color-bg-muted);color:var(--color-fg-default)}.sidebar-nav-item.active{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active-fg);font-weight:600;box-shadow:inset 3px 0 0 0 var(--color-primary)}.sidebar-user-card{margin:var(--spacing-3) var(--spacing-3) 0;padding:var(--spacing-3);background:var(--color-bg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-muted);color:var(--color-primary);font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:.875rem;font-weight:600;color:var(--color-fg-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-tier{font-size:.6875rem;font-weight:500;color:var(--color-fg-muted)}.sidebar-nav-icon{flex-shrink:0;display:flex;align-items:center;color:inherit}.sidebar-nav-icon,.sidebar-nav-icon svg{width:18px;height:18px}.sidebar-nav-label{flex:1 1}.sidebar-footer{padding:0 var(--spacing-2);margin-top:auto}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0/.4);z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portal-topbar{grid-area:topbar;height:var(--portal-topbar-height);background:var(--color-topbar-bg);border-bottom:1px solid var(--color-topbar-border);display:flex;align-items:center;padding:0 var(--spacing-6);gap:var(--spacing-4);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-menu-btn{display:none;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-fg-muted);align-items:center;justify-content:center;transition:background-color var(--transition-fast);flex-shrink:0}.topbar-menu-btn:hover{background:var(--color-bg-muted)}.topbar-spacer{flex:1 1}.topbar-actions{display:flex;align-items:center;gap:var(--spacing-3);position:relative}.topbar-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-fg-muted);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.topbar-icon-btn:hover{background:var(--color-bg-muted);color:var(--color-fg-default)}.topbar-user-wrap{position:relative}.topbar-user-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);color:var(--color-fg-default);font-size:.875rem;font-weight:500;transition:background-color var(--transition-fast);min-height:36px}.topbar-user-btn:hover{background:var(--color-bg-muted)}.topbar-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary-muted);color:var(--color-primary);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-user-name{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:200px;line-height:1.2}.topbar-user-email,.topbar-user-name-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.topbar-user-email{font-size:.6875rem;font-weight:400;color:var(--color-fg-muted);max-width:200px}.user-menu-logout-form{margin:0;width:100%}.user-menu-logout-form .user-menu-item{width:100%;text-align:left}.topbar-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-size:.875rem;color:var(--color-fg-default);transition:background-color var(--transition-fast)}.user-menu-item:hover{background:var(--color-bg-muted)}.user-menu-item.danger{color:var(--color-status-danger)}.user-menu-item.danger:hover{background:var(--color-status-danger-bg)}.user-menu-separator{height:1px;background:var(--color-border-default)}.portal-main{grid-area:main;overflow-x:hidden;min-height:calc(100vh - var(--portal-topbar-height));background:var(--color-bg-surface)}.page-content{padding:var(--spacing-8) var(--spacing-8);max-width:1280px}.page-content.ticket-new-page{max-width:720px}.cp-breadcrumb{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-subtle);margin-bottom:var(--spacing-2)}.cp-breadcrumb a{color:var(--color-fg-muted);transition:color var(--transition-fast)}.cp-breadcrumb a:hover{color:var(--color-primary)}.cp-breadcrumb-sep{margin:0 var(--spacing-2);color:var(--color-border-strong)}.cp-page-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:var(--spacing-6)}.cp-page-title{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--color-fg-default);line-height:1.2}.cp-page-sub{font-size:.9375rem;color:var(--color-fg-muted);margin-top:var(--spacing-2);max-width:42rem;line-height:1.5}.topbar-center-search{flex:1 1;justify-content:center;min-width:0}.cp-search-field,.topbar-center-search{display:flex;padding:0 var(--spacing-4)}.cp-search-field{align-items:center;gap:var(--spacing-2);width:100%;max-width:520px;height:40px;background:var(--color-bg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-fg-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cp-search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);background:var(--color-bg-overlay)}.cp-search-field svg{flex-shrink:0;opacity:.65}.cp-search-input{flex:1 1;min-width:0;border:none;background:transparent;font-size:.875rem;color:var(--color-fg-default);outline:none}.cp-search-input::placeholder{color:var(--color-fg-subtle)}.topbar-notify-btn{position:relative}.topbar-notify-dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--color-status-danger);border:2px solid var(--color-topbar-bg)}.cp-fin-summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.cp-fin-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5) var(--spacing-6);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.cp-fin-card--alert{border-left:4px solid var(--color-status-danger)}.cp-fin-card-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:.6875rem;font-weight:700;letter-spacing:.06em;color:var(--color-fg-muted);text-transform:uppercase}.cp-fin-card-amount{font-size:1.75rem;font-weight:700;color:var(--color-fg-default);margin-top:var(--spacing-2);letter-spacing:-.02em}.cp-fin-card-amount--danger{color:var(--color-status-danger)}.cp-fin-card-note{color:var(--color-fg-muted);max-width:280px;line-height:1.45}.cp-fin-card-note,.cp-fin-trend{font-size:.8125rem;margin-top:var(--spacing-2)}.cp-fin-trend{font-weight:500;color:var(--color-status-success);display:flex;align-items:center;gap:var(--spacing-1)}.cp-panel-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.cp-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle)}.cp-panel-title{font-size:1rem;font-weight:600;color:var(--color-fg-default)}.cp-panel-actions{display:flex;align-items:center;gap:var(--spacing-2)}.cp-table-foot{justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-subtle);font-size:.8125rem;color:var(--color-fg-muted)}.cp-pagination,.cp-table-foot{display:flex;align-items:center}.cp-pagination{gap:var(--spacing-1)}.cp-page-btn{min-width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-overlay);color:var(--color-fg-muted);font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.cp-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.cp-page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-fg-on-primary)}.cp-page-btn:disabled{opacity:.35;cursor:not-allowed}.cp-pill-inv{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.cp-pill-inv:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.cp-pill-inv--paid{background:var(--color-status-success-bg);color:var(--color-status-success)}.cp-pill-inv--open{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.cp-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--color-fg-muted);border:1px solid transparent;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.cp-icon-btn:hover{background:var(--color-bg-muted);color:var(--color-primary);border-color:var(--color-border-default)}.cp-cta-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-top:var(--spacing-6)}.cp-cta-dark{background:linear-gradient(135deg,#0a1628,#0f2847);color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.cp-cta-dark h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-2)}.cp-cta-dark p{font-size:.875rem;opacity:.88;line-height:1.5}.cp-cta-dark a{display:inline-block;margin-top:var(--spacing-4);font-size:.875rem;font-weight:600;color:#93c5fd}.cp-cta-light{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.cp-cta-light h3{font-size:1rem;font-weight:600;color:var(--color-fg-default);margin-bottom:var(--spacing-2)}.cp-cta-light p{font-size:.875rem;color:var(--color-fg-muted);line-height:1.5}.cp-cta-light a{display:inline-block;margin-top:var(--spacing-4);font-size:.875rem;font-weight:600;color:var(--color-primary)}.cp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:var(--spacing-6)}.cp-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.cp-resource-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.cp-resource-card svg.cp-resource-icon{width:36px;height:36px;padding:8px;border-radius:var(--radius-lg);background:var(--color-primary-muted);color:var(--color-primary);margin-bottom:var(--spacing-3)}.cp-resource-card h3{font-size:.9375rem;font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-fg-default)}.cp-resource-card p{font-size:.8125rem;color:var(--color-fg-muted);line-height:1.5}.cp-tickets-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle)}.cp-open-badge{font-size:.8125rem;font-weight:600;color:var(--color-primary)}.cp-status-dot-row{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;color:var(--color-fg-default)}.cp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cp-status-dot--blue{background:var(--color-primary)}.cp-status-dot--gray{background:var(--color-fg-subtle)}.cp-status-dot--green{background:var(--color-status-success)}.cp-prio-pill{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cp-prio-pill--crit{background:#fef2f2;color:#dc2626}.cp-prio-pill--med{background:#fff7ed;color:#ea580c}.cp-prio-pill--low{background:#f3f4f6;color:#6b7280}.cp-faq{margin-top:var(--spacing-8)}.cp-faq-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-4);color:var(--color-fg-default)}.cp-faq-item{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-overlay);margin-bottom:var(--spacing-2);overflow:hidden}.cp-faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-4);font-size:.875rem;font-weight:500;color:var(--color-fg-default);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.cp-faq-trigger:hover{background:var(--color-bg-muted)}.cp-faq-panel{padding:0 var(--spacing-4) var(--spacing-4);font-size:.8125rem;color:var(--color-fg-muted);line-height:1.55;border-top:1px solid var(--color-border-subtle)}.cp-support-float{margin-top:var(--spacing-8);display:flex;justify-content:flex-end}.cp-support-float-inner{max-width:420px;width:100%;background:linear-gradient(135deg,#0a1628,#0f2847);color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);display:flex;align-items:flex-start;gap:var(--spacing-4);box-shadow:var(--shadow-lg)}.cp-support-float-inner p{font-size:.875rem;line-height:1.5;opacity:.92}.cp-support-float-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-services-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.cp-metric-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.cp-metric-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;color:var(--color-fg-muted);text-transform:uppercase}.cp-metric-value{font-size:1.625rem;font-weight:700;margin-top:var(--spacing-2);letter-spacing:-.02em;color:var(--color-fg-default)}.cp-metric-value--ok{color:var(--color-status-success)}.cp-metric-value--warn{color:var(--color-status-danger)}.cp-tabs{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.cp-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;border:1px solid transparent;background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.cp-tab:hover{background:var(--color-bg-muted);color:var(--color-fg-default)}.cp-tab.active{background:var(--color-primary-muted);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 22%,transparent)}.cp-usage-bar{height:6px;border-radius:var(--radius-full);background:var(--color-border-subtle);overflow:hidden;min-width:72px}.cp-usage-bar>span{display:block;height:100%;border-radius:var(--radius-full);background:var(--color-primary)}.cp-subject-cell-sub{display:block;font-size:.75rem;color:var(--color-fg-subtle);font-weight:400;margin-top:2px}@media (max-width:1024px){.cp-cta-row,.cp-fin-summary-grid,.cp-resource-grid,.cp-services-metrics{grid-template-columns:1fr 1fr}}@media (max-width:768px){.topbar-center-search{display:none}.cp-cta-row,.cp-fin-summary-grid,.cp-resource-grid,.cp-services-metrics{grid-template-columns:1fr}}.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-muted) 55%,var(--color-bg-surface)) 0,var(--color-bg-surface) 12rem)}.auth-card{width:100%;max-width:420px;background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-10);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:color-mix(in srgb,var(--color-primary) 38%,transparent);pointer-events:none}.auth-brand{gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.auth-brand,.auth-brand-logo{display:flex;align-items:center}.auth-brand-logo{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-fg-on-primary);font-weight:700;font-size:1rem;justify-content:center;flex-shrink:0}.auth-brand-name{font-size:1.25rem;font-weight:700;color:var(--color-fg-default)}.auth-footer{margin-top:var(--spacing-6);font-size:.8125rem;color:var(--color-fg-subtle);text-align:center}.auth-heading{font-size:1.625rem;font-weight:700;color:var(--color-fg-default);margin-bottom:var(--spacing-2);line-height:1.25;letter-spacing:-.02em}.auth-subheading{font-size:.9375rem;color:var(--color-fg-muted);margin-bottom:var(--spacing-6);line-height:1.45;max-width:26rem}.auth-banner{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--spacing-4);line-height:1.5}.auth-banner-error{background:color-mix(in srgb,var(--color-status-danger) 12%,transparent);color:var(--color-status-danger);border:1px solid color-mix(in srgb,var(--color-status-danger) 25%,transparent)}.auth-banner-success{background:color-mix(in srgb,var(--color-status-success) 12%,transparent);color:var(--color-status-success);border:1px solid color-mix(in srgb,var(--color-status-success) 25%,transparent)}.auth-banner-info{background:color-mix(in srgb,var(--color-status-info) 12%,transparent);color:var(--color-status-info);border:1px solid color-mix(in srgb,var(--color-status-info) 25%,transparent)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.auth-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-5) 0;color:var(--color-fg-subtle);font-size:.8125rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border-default)}.auth-spinner{display:inline-block;width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.totp-input{text-align:center;font-size:1.5rem;font-family:var(--font-mono,monospace);letter-spacing:.4em;font-weight:600}.mfa-steps{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.mfa-step{display:flex;gap:var(--spacing-3);align-items:flex-start}.mfa-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:var(--color-fg-on-primary);font-size:.75rem;font-weight:700;margin-top:1px}.btn-oauth,.mfa-step-num{display:flex;align-items:center;justify-content:center}.btn-oauth{gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-overlay);color:var(--color-fg-default);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-oauth:hover{background:var(--color-bg-muted);border-color:var(--color-border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;height:38px;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-fg-on-primary);box-shadow:0 1px 2px color-mix(in srgb,var(--color-fg-default) 14%,transparent),0 2px 8px color-mix(in srgb,var(--color-primary) 28%,transparent)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active)}.btn-secondary{background:var(--color-bg-muted);color:var(--color-fg-default);border:1px solid var(--color-border-default)}.btn-secondary:hover{background:var(--color-bg-overlay)}.btn-ghost{background:transparent;color:var(--color-fg-muted)}.btn-ghost:hover{background:var(--color-bg-muted);color:var(--color-fg-default)}.btn-danger{background:var(--color-status-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{height:30px;padding:var(--spacing-1) var(--spacing-3);font-size:.8125rem}.btn-lg{height:46px;padding:var(--spacing-3) var(--spacing-6);font-size:1rem}.btn-full{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.field{display:flex;flex-direction:column;gap:var(--spacing-2)}.field-label{font-weight:500}.field-input,.field-label{font-size:.875rem;color:var(--color-fg-default)}.field-input{height:40px;padding:0 var(--spacing-3);background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.field-input::placeholder{color:var(--color-fg-subtle)}.field-textarea{min-height:120px;padding:var(--spacing-3);resize:vertical}.card{background:var(--color-bg-overlay);border:1px solid color-mix(in srgb,var(--color-border-default) 85%,var(--color-border-strong));border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--color-fg-default) 3%,transparent);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--color-fg-default) 4%,transparent)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.card-title{font-size:1rem;font-weight:600;color:var(--color-fg-default)}.badge{display:inline-flex;align-items:center;padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;line-height:1.4}.badge-success{background:var(--color-status-success-bg);color:var(--color-status-success)}.badge-warning{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.badge-danger{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.badge-info{background:var(--color-status-info-bg);color:var(--color-status-info)}.badge-neutral{background:var(--color-bg-muted);color:var(--color-fg-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4)}.stat-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-5) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-3);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);min-height:100px;position:relative}.stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:color-mix(in srgb,var(--color-primary) 35%,transparent);opacity:.85;pointer-events:none}.stat-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-border-strong) 55%,var(--color-border-default))}.stat-label{font-size:.8125rem;font-weight:600;color:var(--color-fg-muted);letter-spacing:.02em}.stat-value{font-size:1.875rem;font-weight:700;color:var(--color-fg-default);line-height:1}.stat-sub{font-size:.8125rem;color:var(--color-fg-subtle)}.section-grid{display:grid;grid-template-columns:1fr 380px;grid-gap:var(--spacing-6);gap:var(--spacing-6)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4)}.service-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-5) var(--spacing-6);box-shadow:var(--shadow-sm);min-height:160px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.service-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.service-title{font-size:.9375rem;font-weight:600;color:var(--color-fg-default)}.service-specs{display:flex;gap:var(--spacing-4);margin:var(--spacing-3) 0}.service-spec{display:flex;flex-direction:column;gap:2px}.service-spec-label{font-size:.75rem;color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.04em}.service-spec-value{font-size:.875rem;font-weight:500;color:var(--color-fg-default)}.service-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:var(--spacing-3) var(--spacing-4);font-size:.75rem;font-weight:600;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-default);white-space:nowrap}.data-table td{padding:var(--spacing-4) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-fg-default);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-bg-muted)}.page-header{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid color-mix(in srgb,var(--color-border-default) 80%,transparent);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap;min-height:2.5rem}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.page-title{font-size:1.75rem;font-weight:700;color:var(--color-fg-default);letter-spacing:-.03em;line-height:1.2}.page-subtitle{font-size:.9375rem;color:var(--color-fg-muted);margin-top:var(--spacing-2);line-height:1.45;max-width:42rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);text-align:center;gap:var(--spacing-4);min-height:200px}.empty-state-icon{width:48px;height:48px;color:var(--color-fg-subtle)}.empty-state-title{font-size:1rem;font-weight:600;color:var(--color-fg-default)}.empty-state-desc{font-size:.875rem;color:var(--color-fg-muted);max-width:360px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-skeleton) 25%,var(--color-bg-skeleton-shine) 50%,var(--color-bg-skeleton) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);display:block}.skeleton-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-5) var(--spacing-6);box-shadow:var(--shadow-sm)}.avatar-skeleton,.badge-skeleton{border-radius:var(--radius-full)!important}.theme-picker-panel{position:absolute;top:calc(var(--portal-topbar-height) + 8px);right:var(--spacing-6);width:300px;background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-5);z-index:300}.theme-picker-header{font-size:.9375rem;font-weight:600;color:var(--color-fg-default);margin-bottom:var(--spacing-4)}.theme-picker-section-label{font-size:.75rem;font-weight:600;color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-2)}.theme-picker-swatches{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.theme-swatch-btn{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-fg-default);transition:background-color var(--transition-fast);width:100%;text-align:left;position:relative}.theme-swatch-btn:hover{background:var(--color-bg-muted)}.theme-swatch-btn.active{background:var(--color-primary-muted)}.theme-swatch-circle{width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0;border:2px solid transparent;box-shadow:0 0 0 1px var(--color-border-default)}.theme-swatch-label{flex:1 1;font-weight:500}.theme-swatch-check{color:var(--color-primary);font-weight:700}.theme-swatch-inline{display:inline-block;width:10px;height:10px;border-radius:var(--radius-full)}.theme-picker-variants{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.theme-variant-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2);border-radius:var(--radius-md);border:1px solid var(--color-border-default);font-size:.75rem;font-weight:500;color:var(--color-fg-muted);background:var(--color-bg-muted);transition:all var(--transition-fast)}.theme-variant-btn.active,.theme-variant-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-variant-btn.active{background:var(--color-primary-muted)}.theme-variant-icon{font-size:1rem}.theme-picker-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-default)}.ticket-thread{display:flex;flex-direction:column;gap:var(--spacing-6)}.ticket-message{display:flex;gap:var(--spacing-4);align-items:flex-start}.ticket-message.from-staff{flex-direction:row-reverse}.ticket-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-muted);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.ticket-bubble{flex:1 1;max-width:80%;background:var(--color-bg-muted);border-radius:var(--radius-lg);padding:var(--spacing-4);font-size:.875rem}.from-staff .ticket-bubble{background:var(--color-primary-muted)}.ticket-meta{font-size:.75rem;color:var(--color-fg-subtle);margin-bottom:var(--spacing-2)}.reply-box{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.reply-box textarea{width:100%;padding:var(--spacing-4);border:none;background:var(--color-bg-overlay);color:var(--color-fg-default);font-size:.875rem;resize:none;min-height:100px}.reply-box textarea:focus{outline:none}.reply-box-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border-default)}.dns-tag,.reply-box-actions{background:var(--color-bg-muted)}.dns-tag{font-family:var(--font-mono);font-size:.8125rem;padding:1px var(--spacing-2);border-radius:var(--radius-sm);color:var(--color-fg-muted)}.settings-layout{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--spacing-8);gap:var(--spacing-8);align-items:start}.settings-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-fg-muted);transition:background-color var(--transition-fast),color var(--transition-fast);min-height:36px}.settings-nav-item:hover{background:var(--color-bg-muted);color:var(--color-fg-default)}.settings-nav-item.active{background:var(--color-primary-muted);color:var(--color-primary)}.settings-panel{gap:var(--spacing-6)}.settings-panel,.settings-section{display:flex;flex-direction:column}.settings-section{gap:var(--spacing-4)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.text-muted{color:var(--color-fg-muted)}.text-subtle{color:var(--color-fg-subtle)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--color-border-default)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.section-grid,.settings-layout{grid-template-columns:1fr}}@media (max-width:768px){.portal-shell{grid-template-areas:"topbar" "main";grid-template-columns:1fr;grid-template-rows:var(--portal-topbar-height) 1fr}.portal-sidebar{grid-area:unset;position:fixed;left:calc(-1 * var(--portal-sidebar-width));top:0;height:100vh;z-index:100;transition:left var(--transition-normal);box-shadow:var(--shadow-xl);width:var(--portal-sidebar-width)}.portal-sidebar.open{left:0}.sidebar-overlay{display:block}.topbar-menu-btn{display:flex}.topbar-user-name{display:none}.page-content{padding:var(--spacing-4) var(--spacing-4)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.checkout-layout,.product-detail-layout,.services-grid{grid-template-columns:1fr}.theme-picker-panel{right:var(--spacing-4);left:var(--spacing-4);width:auto}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.auth-card{padding:var(--spacing-6)}.checkout-layout,.product-detail-layout{grid-template-columns:1fr}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-6);gap:var(--spacing-6)}.product-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.product-card-popular{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.product-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:var(--color-primary);color:var(--color-fg-on-primary);font-size:.6875rem;font-weight:700;padding:2px var(--spacing-2);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase}.product-card-header{flex:1 0 auto}.product-name{font-size:1.125rem;font-weight:700;color:var(--color-fg-default);margin-bottom:var(--spacing-1)}.product-desc{font-size:.8125rem;color:var(--color-fg-muted);line-height:1.5}.product-cycle-tabs{display:flex;gap:var(--spacing-1);background:var(--color-bg-muted);border-radius:var(--radius-md);padding:3px}.product-cycle-tab{flex:1 1;padding:var(--spacing-1) var(--spacing-2);border-radius:calc(var(--radius-md) - 2px);font-size:.75rem;font-weight:500;border:none;background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.product-cycle-tab.active{background:var(--color-bg-overlay);color:var(--color-fg-default);box-shadow:var(--shadow-sm)}.product-price{display:flex;align-items:baseline;gap:var(--spacing-1)}.product-price-amount{font-size:1.75rem;font-weight:700;color:var(--color-fg-default)}.product-price-period{font-size:.8125rem;color:var(--color-fg-muted)}.product-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2);flex:1 1}.product-feature{display:flex;align-items:center;gap:var(--spacing-2);font-size:.8125rem;color:var(--color-fg-default)}.product-feature-check{color:var(--color-status-success);font-weight:700;flex-shrink:0}.product-actions{display:flex;flex-direction:column}.product-detail-layout{display:grid;grid-template-columns:1fr 340px;grid-gap:var(--spacing-8);gap:var(--spacing-8);align-items:start}.product-detail-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--portal-topbar-height) + var(--spacing-6))}.filter-tabs{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.filter-tab{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;background:var(--color-bg-overlay);color:var(--color-fg-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-tab.active,.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.cart-badge-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-fg-muted);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.cart-badge-btn:hover{background:var(--color-bg-muted);color:var(--color-fg-default)}.cart-badge-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:var(--color-primary);color:var(--color-fg-on-primary);font-size:.625rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 3px}.checkout-layout{display:grid;grid-template-columns:1fr 340px;grid-gap:var(--spacing-8);gap:var(--spacing-8);align-items:start}.checkout-main{display:flex;flex-direction:column;gap:var(--spacing-4)}.checkout-steps{gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.checkout-step,.checkout-steps{display:flex;align-items:center}.checkout-step{gap:var(--spacing-2);font-size:.875rem;color:var(--color-fg-subtle);background:none;border:none;padding:0;cursor:pointer;font-weight:500}.checkout-step.active{color:var(--color-primary);cursor:default}.checkout-step-num{width:24px;height:24px;border-radius:50%;background:var(--color-bg-muted);color:var(--color-fg-muted);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkout-step.active .checkout-step-num{background:var(--color-primary);color:var(--color-fg-on-primary)}.checkout-step-arrow{color:var(--color-fg-subtle);font-size:1.25rem}.checkout-summary{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-6);position:-webkit-sticky;position:sticky;top:calc(var(--portal-topbar-height) + var(--spacing-6))}.checkout-summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-default)}.checkout-summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);font-weight:700;font-size:1rem;color:var(--color-fg-default)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-6);width:100%;max-width:480px;box-shadow:var(--shadow-xl);max-height:min(90vh,900px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-card.modal-card-wide{max-width:640px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4)}@media (max-width:600px){.form-grid-2{grid-template-columns:1fr}}.ticket-form-grid-top{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4)}@media (max-width:600px){.ticket-form-grid-top{grid-template-columns:1fr}}.file-drop-zone .field-input[type=file]{min-height:3.5rem;padding:var(--spacing-4);border-style:dashed;border-width:1px;border-color:var(--color-border-strong);background:color-mix(in srgb,var(--color-bg-muted) 40%,transparent);cursor:pointer}.file-drop-zone .field-input[type=file]:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-muted) 35%,var(--color-bg-overlay))}.modal-header{justify-content:space-between;margin-bottom:var(--spacing-5)}.modal-close,.modal-header{display:flex;align-items:center}.modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-fg-muted);cursor:pointer;padding:0;width:28px;height:28px;justify-content:center;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background:var(--color-bg-muted);color:var(--color-fg-default)}@media print{.portal-sidebar,.portal-topbar,.reply-box,.service-actions,.topbar-actions{display:none!important}.portal-shell{display:block}.page-content{padding:0}}.flex.wrapper>.page-content{max-width:none;padding:0;background:transparent;border:none;box-shadow:none;border-radius:0}.flex.wrapper{background:transparent}html[data-mode=dark]{--color-bg-surface:#1e293b;--color-bg-overlay:#1f2937;--color-bg-muted:#111827;--color-bg-skeleton:#374151;--color-bg-skeleton-shine:#4b5563;--color-fg-default:#e2e8f0;--color-fg-muted:#94a3b8;--color-fg-subtle:#64748b;--color-fg-on-primary:#ffffff;--color-primary:#3073f1;--color-primary-hover:#4d8af5;--color-primary-active:#6aa0f7;--color-primary-muted:rgba(48,115,241,0.15);--color-primary-contrast:#ffffff;--color-accent:#fb923c;--color-accent-muted:rgba(251,146,60,0.15);--color-border-default:#374151;--color-border-strong:#4b5563;--color-border-focus:#4d8af5;--color-border-subtle:rgba(55,65,81,0.6);--color-sidebar-bg:#1f2937;--color-sidebar-fg:#9ca3af;--color-sidebar-active-bg:rgba(48,115,241,0.15);--color-sidebar-active-fg:#93c5fd;--color-topbar-bg:#1f2937;--color-topbar-border:#374151;--color-status-success:#4ade80;--color-status-success-bg:rgba(74,222,128,0.12);--color-status-warning:#fbbf24;--color-status-warning-bg:rgba(251,191,36,0.12);--color-status-danger:#fb7185;--color-status-danger-bg:rgba(251,113,133,0.12);--color-status-info:#22d3ee;--color-status-info-bg:rgba(34,211,238,0.12);--shadow-sm:0 1px 3px 0 rgb(0 0 0/.35);--shadow-md:0 4px 6px -1px rgb(0 0 0/.45),0 2px 4px -2px rgb(0 0 0/.35);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.45),0 4px 6px -4px rgb(0 0 0/.35);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.5),0 8px 10px -6px rgb(0 0 0/.4)}html[data-mode=dark] .auth-card:before{background:linear-gradient(90deg,#3073f1,#6aa0f7);opacity:.5}html[data-mode=dark] .cp-cta-dark{background:rgba(48,115,241,.12);border-color:rgba(48,115,241,.25)}html[data-mode=dark] .cp-cta-light{background:rgba(255,255,255,.03);border-color:var(--color-border-default)}html[data-mode=dark] .data-table th{background:rgba(0,0,0,.2)}html[data-mode=dark] .data-table tbody tr:hover{background:rgba(255,255,255,.04)}html[data-mode=dark] .cp-page-btn{background:rgba(255,255,255,.05);border-color:var(--color-border-default);color:var(--color-fg-muted)}html[data-mode=dark] .cp-page-btn:hover:not(:disabled){background:rgba(255,255,255,.09);color:var(--color-fg-default)}html[data-mode=dark] .cp-page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}html[data-mode=dark] .cp-tab{color:var(--color-fg-muted)}html[data-mode=dark] .cp-tab.active{color:var(--color-fg-default);border-color:var(--color-primary)}html[data-mode=dark] .cp-tab:hover{color:var(--color-fg-default)}html[data-mode=dark] .cp-resource-card{background:rgba(255,255,255,.03);border-color:var(--color-border-default)}html[data-mode=dark] .cp-search-field{background:rgba(255,255,255,.05);border-color:var(--color-border-default)}html[data-mode=dark] .cp-search-field:focus-within{border-color:var(--color-primary);background:rgba(255,255,255,.07)}html[data-mode=dark] .btn-secondary{background:rgba(255,255,255,.07);border-color:var(--color-border-default);color:var(--color-fg-muted)}html[data-mode=dark] .btn-secondary:hover{background:rgba(255,255,255,.11);color:var(--color-fg-default)}html[data-mode=dark] .btn-ghost{color:var(--color-fg-muted)}html[data-mode=dark] .btn-ghost:hover{background:rgba(255,255,255,.07);color:var(--color-fg-default)}html[data-mode=dark] .field-input{background:rgba(255,255,255,.05);border-color:var(--color-border-default);color:var(--color-fg-default)}html[data-mode=dark] .field-input:focus{border-color:var(--color-primary);background:rgba(255,255,255,.07)}html[data-mode=dark] .field-input::placeholder{color:var(--color-fg-subtle)}html[data-mode=dark] .cp-metric-card{background:var(--color-bg-overlay);border-color:var(--color-border-default)}html[data-mode=dark] .cp-support-float{background:linear-gradient(135deg,#1e3a8a,#1e293b);border-color:rgba(48,115,241,.3)}html[data-mode=dark] .skeleton{background:linear-gradient(90deg,var(--color-bg-skeleton) 25%,var(--color-bg-skeleton-shine) 50%,var(--color-bg-skeleton) 75%)}.flex-grow .page-content,main .page-content{max-width:none;background:transparent}