:root{--c-bg: #f5f6f8;--c-bg-card: #ffffff;--c-bg-hover: #f0f1f4;--c-bg-sidebar: #fafbfc;--c-border: #e2e5ea;--c-text: #2d3142;--c-text-dim: #8891a4;--c-text-heading: #1a1d2e;--c-accent: #4c6ef5;--c-accent-hover: #3b5bdb;--c-success: #12b886;--c-warning: #f59f00;--c-error: #fa5252;--c-info: #339af0;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--f-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", "Fira Code", monospace;--f-xs: 11px;--f-sm: 13px;--f-md: 15px;--f-lg: 18px;--f-xl: 24px;--f-2xl: 32px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.1);--t-fast: .15s ease;--t-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--f-md);font-family:var(--f-sans);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--c-accent);text-decoration:none}a:hover{color:var(--c-accent-hover)}button{font-family:inherit;cursor:pointer}code,pre{font-family:var(--f-mono)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.page{padding:var(--sp-lg);max-width:1400px;margin:0 auto}.page-title{font-size:var(--f-2xl);font-weight:700;color:var(--c-text-heading);margin-bottom:var(--sp-lg)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-md)}.flex-row{display:flex;align-items:center;gap:var(--sp-md)}.flex-col{display:flex;flex-direction:column;gap:var(--sp-md)}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}