/* СтройМенеджер — CSS o'zgaruvchilari (tema) va global reset */
/* ═══════════════════════════════════════════════════════════════════
   CSS VARIABLES — тема
═══════════════════════════════════════════════════════════════════ */
:root {
  --orange:#E8671A; --orange-light:#F4893E; --orange-dark:#C4510E;
  --bg:#0F1117; --bg-card:#181B24; --bg-card2:#1E2230;
  --bg-hover:#252840; --border:#2A2E3F;
  --text:#E8EAF0; --text-muted:#7A8099; --text-dim:#4A5070;
  --green:#27A86A; --green-bg:#0D2E1C;
  --red:#E24B4A;   --red-bg:#2E0D0D;
  --blue:#378ADD;  --blue-bg:#0D1E2E;
  --amber:#EF9F27; --amber-bg:#2E1E0D;
  --purple:#9B5DE5;--purple-bg:#1F1030;
  --sidebar-w:240px;
  --header-h:58px;
}
body.light {
  --bg:#F0F2F7; --bg-card:#FFFFFF; --bg-card2:#F5F7FA;
  --bg-hover:#E8ECF5; --border:#D4D9E8;
  --text:#1A1D2E; --text-muted:#5A6382; --text-dim:#9099B8;
  --green-bg:#E6F5EE; --red-bg:#FDEAEA;
  --blue-bg:#E8F0FA; --amber-bg:#FEF5E6;
  --purple-bg:#F0E8FA;
}

/* ═══════════════════════════════════════════════════════════════════
   GLOBAL RESET
═══════════════════════════════════════════════════════════════════ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html, body { height:100%; }
body {
  font-family:'Mulish', -apple-system, Segoe UI, sans-serif;
  background:var(--bg); color:var(--text); font-size:14px;
  transition:background .25s, color .15s;
  -webkit-font-smoothing:antialiased;
}
button, input, select, textarea { font-family:inherit; cursor:pointer; outline:none; }
input, select, textarea { cursor:text; }
button { border:none; background:none; color:inherit; }
a { color:inherit; text-decoration:none; }

::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--border); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--text-dim); }
body.light ::-webkit-scrollbar-track { background:#F0F2F7; }
body.light ::-webkit-scrollbar-thumb { background:#C4CAD9; }