:root{--primary: #2563EB;--primary-dark: #1D4ED8;--primary-light: #EFF6FF;--primary-tint: #DBEAFE;--bg-page: #F5F7FA;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-surface: #F9FAFB;--bg-border: #E5E7EB;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-on-primary: #FFFFFF;--color-success: #10B981;--color-success-bg: #ECFDF5;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 260px;--topbar-height: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 100px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}*,*:before,*:after{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-ui);color:var(--text-primary);background-color:var(--bg-page);line-height:1.5}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}