*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg:          #f0f4fb;
  --sidebar:     #ffffff;
  --card:        #ffffff;
  --card2:       #f5f8fd;
  --border:      rgba(37,99,200,0.12);
  --text:        #1a2340;
  --muted:       #3d4f72;
  --primary:     #2563c8;
  --primary2:    #4b8ef0;
  --accent:      #7ab5ff;
  --green:       #16a34a;
  --red:         #dc2626;
  --purple:      #7c3aed;
  --teal:        #14b8a6;
  --input-bg:    #ffffff;
  --placeholder: #71717a;
}
[data-theme="dark"] {
  --bg:          #0f1117;
  --sidebar:     #161b27;
  --card:        #1a2035;
  --card2:       #1e2540;
  --border:      rgba(75,142,240,0.15);
  --text:        #e2e8f0;
  --muted:       #8899bb;
  --input-bg:    #1e2540;
  --placeholder: #5a6b8a;
}

html, body, #root { height: 100%; }
html, body { overflow-x: hidden; max-width: 100vw; }
.app { overflow-x: hidden; max-width: 100vw; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow: hidden;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(75,142,240,0.2); border-radius: 4px; }