:root{--color-primary:#4855D4;--color-primary-light:#6B74E0;--color-primary-bg:#EBF0FF;--color-surface:#EBF0FF;--color-success:#2D9463;--color-warning:#D4912A;--color-danger:#C93D3D;--color-background:#F8F8FA;--color-border:#D4D4DA;--color-text:#0A0A0A;--color-text-secondary:#6B6B73;--color-card-bg:#FFFFFF;--primary:#4855D4;--color-bg:#F8F8FA;--text-primary:#0A0A0A;--text-secondary:#6B6B73;--text-tertiary:#8C8C95;--border-light:#E8E8EC;--font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;--font-h1-size:18px;--font-h1-weight:500;--font-h1-line-height:1.4;--font-h2-size:15px;--font-h2-weight:500;--font-h2-line-height:1.4;--font-body-size:13px;--font-body-weight:400;--font-body-line-height:1.6;--font-caption-size:12px;--font-caption-weight:400;--font-caption-line-height:1.5;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--sidebar-left-width:160px;--sidebar-right-width:200px;--page-max-width:1600px;--content-padding-x:24px;--content-padding-y:28px;--card-bg:#FFFFFF;--card-border:0.5px solid #D4D4DA;--card-radius:10px;--card-shadow:none;--nav-active-bg:#F8F8FA;--nav-active-icon:#4855D4;--nav-active-text:#0A0A0A;--nav-inactive-text:#6B6B73;--ease-default:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);color:var(--color-text);background:var(--color-background);min-width:1440px;overflow-x:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none}button,input,textarea{font:inherit;border:none}input,textarea{outline:none}.text-h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height)}.text-h2{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height)}.text-body{font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height)}.text-caption{font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height)}.text-secondary{color:var(--color-text-secondary)}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:visible;flex-shrink:0}.btn-primary{background:var(--primary);color:#FFFFFF;border:none;cursor:pointer;font-weight:600;transition:background .2s,box-shadow .2s}.btn-primary:hover{background:#3A47C0;box-shadow:0 2px 12px rgba(72,85,212,.25)}.btn-primary:active{background:#323BA8}.section-gap{margin-top:var(--space-6)}.section-gap-sm{margin-top:var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-default) both}.animate-fadeOut{animation:fadeOut var(--duration-normal) var(--ease-default) both}.animate-slideUp{animation:slideUp var(--duration-slow) var(--ease-default) both}.animate-countUp{animation:countUp var(--duration-normal) var(--ease-default) both}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}