:root{--primary-color: #1877F2;--primary-hover: #166FE5;--secondary-color: #42B72A;--danger-color: #FA383E;--warning-color: #FFBA00;--bg-body: #F0F2F5;--bg-card: #FFFFFF;--text-primary: #050505;--text-secondary: #65676B;--border-color: #DADDE1;--divider-color: #CED0D4;--sidebar-width: 240px;--sidebar-bg: #FFFFFF;--sidebar-text: #050505;--sidebar-active-bg: #EAF3FF;--sidebar-active-text: #1877F2;--header-height: 60px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);margin:0;padding:0;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;outline:none;background-color:var(--primary-color);color:#fff}.btn:hover{background-color:var(--primary-hover)}.btn.secondary{background-color:#e4e6eb;color:var(--text-primary)}.btn.secondary:hover{background-color:#d8dadf}.btn.danger{background-color:#fee;color:var(--danger-color)}.btn.danger:hover{background-color:#ffdce0}.btn.small{padding:6px 12px;font-size:13px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bcc0c4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a4a8}