:root {
    --bg: #0f1117;
    --bg2: #161820;
    --bg3: #1e2030;
    --bg4: #252840;
    --border: rgba(255,255,255,0.08);
    --border2: rgba(255,255,255,0.14);
    --text: #e8eaf0;
    --text2: #9ea3b5;
    --text3: #636880;
    --accent: #6c8efb;
    --accent2: #3d5af1;
    --success: #34c78a;
    --success2: #b8fb6c;
    --warning: #f5a623;
    --danger: #e8445a;
    --info: #5bc4ef;
    --info2: #a064ff;
    --radius: 10px;
    --radius-sm: 6px;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { background: var(--bg); color: var(--text); font-family: 'Inter', system-ui, sans-serif; font-size: 14px; line-height: 1.6; min-height: 100vh; }
  .app { display: flex; min-height: 100vh; }