:root{--sh-brand-gold:#f8bf58;--sh-brand-gold-dark:#e5a93d;--sh-brand-gold-light:#fcd98a;--sh-gradient-gold:linear-gradient(135deg,#f8bf58 0%,#f59e0b 100%);--sh-gradient-accent:linear-gradient(135deg,#f8bf58 0%,#fb923c 50%,#f472b6 100%);--sh-gradient-surface:linear-gradient(135deg,#f8bf581a 0%,#fb923c0d 100%);--sh-success:#10b981;--sh-success-light:#34d399;--sh-success-dark:#059669;--sh-warning:#f59e0b;--sh-warning-light:#fbbf24;--sh-warning-dark:#d97706;--sh-error:#ef4444;--sh-error-light:#f87171;--sh-error-dark:#dc2626;--sh-info:#3b82f6;--sh-info-light:#60a5fa;--sh-info-dark:#2563eb;--sh-stage-new:#94a3b8;--sh-stage-intro:#3b82f6;--sh-stage-demo:#8b5cf6;--sh-stage-proposal:#ec4899;--sh-stage-signed:#10b981;--sh-stage-onboarding:#f59e0b;--sh-stage-active:#22c55e;--sh-stage-paused:#94a3b8;--sh-stage-churned:#ef4444;--sh-space-1:4px;--sh-space-2:8px;--sh-space-3:12px;--sh-space-4:16px;--sh-space-5:20px;--sh-space-6:24px;--sh-space-8:32px;--sh-space-10:40px;--sh-space-12:48px;--sh-space-16:64px;--sh-font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sh-font-mono:"JetBrains Mono","Fira Code",monospace;--sh-text-xs:11px;--sh-text-sm:13px;--sh-text-base:14px;--sh-text-lg:16px;--sh-text-xl:18px;--sh-text-2xl:22px;--sh-text-3xl:28px;--sh-text-4xl:36px;--sh-font-normal:400;--sh-font-medium:500;--sh-font-semibold:600;--sh-font-bold:700;--sh-leading-tight:1.2;--sh-leading-normal:1.5;--sh-leading-relaxed:1.75;--sh-tracking-tight:-.02em;--sh-tracking-normal:0;--sh-tracking-wide:.02em;--sh-radius-sm:6px;--sh-radius-md:8px;--sh-radius-lg:12px;--sh-radius-xl:16px;--sh-radius-2xl:20px;--sh-radius-full:9999px;--sh-transition-fast:.15s cubic-bezier(.4,0,.2,1);--sh-transition-base:.2s cubic-bezier(.4,0,.2,1);--sh-transition-slow:.3s cubic-bezier(.4,0,.2,1);--sh-transition-spring:.4s cubic-bezier(.34,1.56,.64,1);--sh-z-dropdown:100;--sh-z-sticky:200;--sh-z-modal:300;--sh-z-popover:400;--sh-z-tooltip:500;--sh-z-toast:600}:root,[data-theme=dark]{--sh-bg-primary:#0c0f14;--sh-bg-secondary:#13171f;--sh-bg-tertiary:#1a1f2b;--sh-bg-card:#161b25;--sh-bg-elevated:#1e242f;--sh-bg-overlay:#000c;--sh-bg-glass:#161b25cc;--sh-bg-glass-border:#ffffff0f;--sh-surface-hover:#ffffff0a;--sh-surface-active:#ffffff14;--sh-surface-selected:#f8bf581f;--sh-text-primary:#f8fafc;--sh-text-secondary:#94a3b8;--sh-text-muted:#64748b;--sh-text-inverted:#0c0f14;--sh-text-link:#f8bf58;--sh-text-link-hover:#fcd98a;--sh-border:#ffffff14;--sh-border-strong:#ffffff1f;--sh-border-focus:var(--sh-brand-gold);--sh-glow-gold:0 0 20px #f8bf5826;--sh-glow-card:0 0 40px #0000004d;--sh-input-bg:#1a1f2b;--sh-input-border:#ffffff1a;--sh-input-text:#f8fafc;--sh-input-placeholder:#64748b;--sh-sidebar-bg:#0c0f14;--sh-sidebar-border:#ffffff0f;--sh-sidebar-text:#94a3b8;--sh-sidebar-text-active:#f8fafc;--sh-sidebar-hover:#ffffff0a;--sh-sidebar-active:#f8bf5826;--sh-header-bg:#0c0f14cc;--sh-header-border:#ffffff0f;--sh-table-header-bg:#13171f;--sh-table-row-hover:#ffffff08;--sh-table-row-selected:#f8bf581a;--sh-table-border:#ffffff0f;--sh-btn-primary-bg:var(--sh-brand-gold);--sh-btn-primary-text:#0c0f14;--sh-btn-primary-hover:var(--sh-brand-gold-light);--sh-btn-primary-shadow:0 4px 14px #f8bf5840;--sh-btn-secondary-bg:#ffffff0f;--sh-btn-secondary-text:#f8fafc;--sh-btn-secondary-border:#ffffff1a;--sh-btn-secondary-hover:#ffffff1a;--sh-btn-ghost-text:#94a3b8;--sh-btn-ghost-hover:#ffffff0f;--sh-btn-danger-bg:#ef4444;--sh-btn-danger-text:#fff;--sh-btn-danger-hover:#dc2626;--sh-badge-default-bg:#ffffff14;--sh-badge-default-text:#94a3b8;--sh-badge-success-bg:#10b98126;--sh-badge-success-text:#34d399;--sh-badge-warning-bg:#f59e0b26;--sh-badge-warning-text:#fbbf24;--sh-badge-error-bg:#ef444426;--sh-badge-error-text:#f87171;--sh-badge-info-bg:#3b82f626;--sh-badge-info-text:#60a5fa;--sh-chart-grid:#ffffff0f;--sh-chart-axis:#64748b;--sh-shadow-sm:0 1px 2px #0000004d;--sh-shadow-md:0 4px 6px #0006;--sh-shadow-lg:0 10px 25px #00000080;--sh-shadow-xl:0 25px 50px #0009;--sh-shadow-card:0 4px 20px #0000004d,0 0 1px #ffffff1a inset;--sh-shadow-dropdown:0 10px 40px #00000080;--sh-shadow-modal:0 25px 80px #0009}[data-theme=light]{--sh-bg-primary:#f8fafc;--sh-bg-secondary:#fff;--sh-bg-tertiary:#f1f5f9;--sh-bg-card:#fff;--sh-bg-elevated:#fff;--sh-bg-overlay:#00000080;--sh-bg-glass:#fffc;--sh-bg-glass-border:#0000000f;--sh-surface-hover:#00000008;--sh-surface-active:#0000000f;--sh-surface-selected:#f8bf581a;--sh-text-primary:#0f172a;--sh-text-secondary:#475569;--sh-text-muted:#94a3b8;--sh-text-inverted:#fff;--sh-text-link:#d97706;--sh-text-link-hover:#b45309;--sh-border:#00000014;--sh-border-strong:#0000001f;--sh-border-focus:var(--sh-brand-gold);--sh-glow-gold:0 0 20px #f8bf5833;--sh-glow-card:0 0 40px #00000014;--sh-input-bg:#fff;--sh-input-border:#e2e8f0;--sh-input-text:#0f172a;--sh-input-placeholder:#94a3b8;--sh-sidebar-bg:#fff;--sh-sidebar-border:#e2e8f0;--sh-sidebar-text:#64748b;--sh-sidebar-text-active:#0f172a;--sh-sidebar-hover:#f1f5f9;--sh-sidebar-active:#f8bf5826;--sh-header-bg:#ffffffe6;--sh-header-border:#e2e8f0;--sh-table-header-bg:#f8fafc;--sh-table-row-hover:#f1f5f9;--sh-table-row-selected:#f8bf581a;--sh-table-border:#e2e8f0;--sh-btn-primary-bg:var(--sh-brand-gold);--sh-btn-primary-text:#0f172a;--sh-btn-primary-hover:var(--sh-brand-gold-dark);--sh-btn-primary-shadow:0 4px 14px #f8bf584d;--sh-btn-secondary-bg:#fff;--sh-btn-secondary-text:#475569;--sh-btn-secondary-border:#e2e8f0;--sh-btn-secondary-hover:#f8fafc;--sh-btn-ghost-text:#64748b;--sh-btn-ghost-hover:#f1f5f9;--sh-btn-danger-bg:#ef4444;--sh-btn-danger-text:#fff;--sh-btn-danger-hover:#dc2626;--sh-badge-default-bg:#f1f5f9;--sh-badge-default-text:#475569;--sh-badge-success-bg:#dcfce7;--sh-badge-success-text:#166534;--sh-badge-warning-bg:#fef3c7;--sh-badge-warning-text:#92400e;--sh-badge-error-bg:#fee2e2;--sh-badge-error-text:#991b1b;--sh-badge-info-bg:#dbeafe;--sh-badge-info-text:#1e40af;--sh-chart-grid:#e2e8f0;--sh-chart-axis:#94a3b8;--sh-shadow-sm:0 1px 2px #0000000d;--sh-shadow-md:0 4px 6px #00000014;--sh-shadow-lg:0 10px 25px #0000001a;--sh-shadow-xl:0 25px 50px #00000026;--sh-shadow-card:0 1px 3px #00000014,0 1px 2px #0000000a;--sh-shadow-dropdown:0 10px 40px #0000001f;--sh-shadow-modal:0 25px 80px #0003}@media (prefers-color-scheme:light){[data-theme=system]{--sh-bg-primary:#f8fafc;--sh-bg-secondary:#fff;--sh-bg-tertiary:#f1f5f9;--sh-bg-card:#fff;--sh-bg-elevated:#fff;--sh-text-primary:#0f172a;--sh-text-secondary:#475569;--sh-text-muted:#94a3b8;--sh-border:#00000014;--sh-border-strong:#0000001f}}.text-primary{color:var(--sh-text-primary)}.text-secondary{color:var(--sh-text-secondary)}.text-muted{color:var(--sh-text-muted)}.text-gold{color:var(--sh-brand-gold)}.text-success{color:var(--sh-success)}.text-warning{color:var(--sh-warning)}.text-error{color:var(--sh-error)}.text-info{color:var(--sh-info)}.bg-primary{background-color:var(--sh-bg-primary)}.bg-secondary{background-color:var(--sh-bg-secondary)}.bg-card{background-color:var(--sh-bg-card)}.bg-gold{background-color:var(--sh-brand-gold)}.bg-gradient-gold{background:var(--sh-gradient-gold)}.bg-gradient-accent{background:var(--sh-gradient-accent)}.border-default{border-color:var(--sh-border)}.border-strong{border-color:var(--sh-border-strong)}.border-gold{border-color:var(--sh-brand-gold)}.focus-ring:focus{box-shadow:0 0 0 2px var(--sh-bg-primary),0 0 0 4px var(--sh-brand-gold);outline:none}.glass{background:var(--sh-bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--sh-bg-glass-border)}.transition-colors{transition:color var(--sh-transition-fast),background-color var(--sh-transition-fast),border-color var(--sh-transition-fast)}.transition-all{transition:all var(--sh-transition-base)}.transition-spring{transition:all var(--sh-transition-spring)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--sh-font-sans);font-size:var(--sh-text-base);line-height:var(--sh-leading-normal);color:var(--sh-text-primary);background-color:var(--sh-bg-primary);font-feature-settings:"cv02","cv03","cv04","cv11";min-height:100vh}body:before{content:"";background-image:radial-gradient(circle at 1px 1px,var(--sh-border)1px,transparent 0);opacity:.3;pointer-events:none;z-index:-1;background-size:32px 32px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-weight:var(--sh-font-semibold);line-height:var(--sh-leading-tight);color:var(--sh-text-primary);letter-spacing:var(--sh-tracking-tight)}h1{font-size:var(--sh-text-4xl);font-weight:var(--sh-font-bold)}h2{font-size:var(--sh-text-3xl)}h3{font-size:var(--sh-text-2xl)}h4{font-size:var(--sh-text-xl)}h5{font-size:var(--sh-text-lg)}h6{font-size:var(--sh-text-base)}p{margin-bottom:var(--sh-space-4)}a{color:var(--sh-text-link);transition:color var(--sh-transition-fast);text-decoration:none}a:hover{color:var(--sh-text-link-hover)}input,textarea,select{font-family:inherit;font-size:var(--sh-text-base);color:var(--sh-input-text);background-color:var(--sh-input-bg);border:1px solid var(--sh-input-border);border-radius:var(--sh-radius-lg);padding:var(--sh-space-3)var(--sh-space-4);transition:all var(--sh-transition-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--sh-brand-gold);box-shadow:0 0 0 3px #f8bf5826,var(--sh-glow-gold);outline:none}input::placeholder,textarea::placeholder{color:var(--sh-input-placeholder)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}button{font-family:inherit;font-size:var(--sh-text-base);font-weight:var(--sh-font-medium);cursor:pointer;border-radius:var(--sh-radius-lg);padding:var(--sh-space-3)var(--sh-space-5);transition:all var(--sh-transition-fast);border:none}button:disabled{opacity:.5;cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--sh-space-2);font-weight:var(--sh-font-medium);border-radius:var(--sh-radius-lg);padding:var(--sh-space-3)var(--sh-space-5);transition:all var(--sh-transition-fast);text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--sh-gradient-gold);color:var(--sh-btn-primary-text);box-shadow:var(--sh-btn-primary-shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f8bf5859}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--sh-btn-secondary-bg);color:var(--sh-btn-secondary-text);border:1px solid var(--sh-btn-secondary-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover:not(:disabled){background-color:var(--sh-btn-secondary-hover);border-color:var(--sh-border-strong)}.btn-ghost{color:var(--sh-btn-ghost-text);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--sh-btn-ghost-hover);color:var(--sh-text-primary)}.btn-danger{background-color:var(--sh-btn-danger-bg);color:var(--sh-btn-danger-text)}.btn-danger:hover:not(:disabled){background-color:var(--sh-btn-danger-hover)}.btn-sm{font-size:var(--sh-text-sm);padding:var(--sh-space-2)var(--sh-space-4);border-radius:var(--sh-radius-md)}.btn-lg{font-size:var(--sh-text-lg);padding:var(--sh-space-4)var(--sh-space-8)}.badge{align-items:center;gap:var(--sh-space-1);font-size:var(--sh-text-xs);font-weight:var(--sh-font-medium);border-radius:var(--sh-radius-full);text-transform:capitalize;padding:4px 10px;display:inline-flex}.badge-default{background-color:var(--sh-badge-default-bg);color:var(--sh-badge-default-text)}.badge-success{background-color:var(--sh-badge-success-bg);color:var(--sh-badge-success-text)}.badge-warning{background-color:var(--sh-badge-warning-bg);color:var(--sh-badge-warning-text)}.badge-error{background-color:var(--sh-badge-error-bg);color:var(--sh-badge-error-text)}.badge-info{background-color:var(--sh-badge-info-bg);color:var(--sh-badge-info-text)}.card{background-color:var(--sh-bg-card);border:1px solid var(--sh-border);border-radius:var(--sh-radius-xl);box-shadow:var(--sh-shadow-card);transition:all var(--sh-transition-base)}.card:hover{box-shadow:var(--sh-shadow-lg),var(--sh-glow-card)}.card-header{padding:var(--sh-space-5)var(--sh-space-6);border-bottom:1px solid var(--sh-border)}.card-body{padding:var(--sh-space-6)}.card-footer{padding:var(--sh-space-4)var(--sh-space-6);border-top:1px solid var(--sh-border);background-color:var(--sh-bg-secondary);border-radius:0 0 var(--sh-radius-xl)var(--sh-radius-xl)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--sh-text-xs);font-weight:var(--sh-font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--sh-text-muted);background-color:var(--sh-table-header-bg);padding:var(--sh-space-3)var(--sh-space-4);border-bottom:1px solid var(--sh-table-border)}.table td{padding:var(--sh-space-4);border-bottom:1px solid var(--sh-table-border);color:var(--sh-text-primary)}.table tbody tr{transition:background-color var(--sh-transition-fast)}.table tbody tr:hover{background-color:var(--sh-table-row-hover)}.table tbody tr.selected{background-color:var(--sh-table-row-selected)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--sh-border-strong);border-radius:var(--sh-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--sh-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--sh-transition-base)forwards}.animate-slide-up{animation:slideUp var(--sh-transition-slow)forwards}.animate-slide-down{animation:slideDown var(--sh-transition-slow)forwards}.animate-scale-in{animation:scaleIn var(--sh-transition-base)forwards}.animate-pulse{animation:2s infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg,var(--sh-bg-tertiary)0%,var(--sh-bg-elevated)50%,var(--sh-bg-tertiary)100%);border-radius:var(--sh-radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gradient-text{background:var(--sh-gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-glow:hover{box-shadow:var(--sh-glow-gold)}.interactive-card{transition:all var(--sh-transition-base)}.interactive-card:hover{box-shadow:var(--sh-shadow-lg);transform:translateY(-2px)}.interactive-card:active{transform:translateY(0)}