:root{
  --font:Tahoma,Arial,sans-serif;
  --navy-950:#06101d;--navy-900:#091523;--navy-850:#0b1a2a;--navy-800:#102236;--navy-700:#18324b;
  --graphite:#182331;--slate-800:#263647;--slate-700:#405166;--slate-600:#607188;--slate-500:#7d8da0;--slate-400:#9eacbb;--slate-300:#cbd4de;--slate-200:#dce3ea;--slate-100:#edf1f5;--slate-50:#f6f8fa;
  --white:#fff;--bg:#f2f5f8;--surface:#fff;--surface-soft:#f8fafb;
  --cyan:#16b8c4;--cyan-dark:#078994;--cyan-soft:#e7f8f9;--emerald:#0fba83;--emerald-soft:#e7f8f2;
  --red:#e44c5b;--red-dark:#bd2e40;--red-soft:#fff0f2;--amber:#f1a936;--amber-soft:#fff6e8;--blue:#4e83e7;--blue-soft:#eef4ff;--violet:#8b6ce7;--violet-soft:#f4f0ff;
  --border:#e1e7ed;--border-dark:rgba(255,255,255,.09);
  --shadow-xs:0 1px 2px rgba(13,30,48,.04);--shadow-sm:0 8px 26px rgba(17,38,61,.06);--shadow-md:0 18px 48px rgba(10,28,47,.11);--shadow-lg:0 30px 80px rgba(3,15,29,.2);
  --radius-sm:10px;--radius:15px;--radius-lg:20px;--sidebar:276px;--sidebar-collapsed:86px;--topbar:78px;
  --ease:cubic-bezier(.22,.8,.22,1);
}