:root {
  --primary: #2563EB;--primary-light: #3B82F6;--primary-dark: #1D4ED8;
  --secondary: #06B6D4;--accent: #8B5CF6;--success: #22C55E;
  --warning: #F59E0B;--danger: #EF4444;
  --bg: #F1F5FF;--surface: #FFFFFF;--surface2: #F8FAFF;
  --border: #E2E8F5;--text: #0F172A;--text-muted: #64748B;--text-light: #94A3B8;
  --sidebar-bg: #0F172A;--sidebar-text: #CBD5E1;--sidebar-active: #2563EB;
  --shadow-sm: 0 1px 3px rgba(37,99,235,0.08),0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(37,99,235,0.10),0 2px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 32px rgba(37,99,235,0.14),0 4px 12px rgba(0,0,0,0.08);
  --radius: 16px;--radius-sm: 10px;--radius-xs: 6px;
  --sidebar-width: 260px;--header-h: 68px;--transition: 0.22s cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:15px;scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background var(--transition),color var(--transition)}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.app-layout{display:flex;min-height:100vh}