:root {
  --navy: #0a1628;
  --navy-mid: #112240;
  --navy-light: #1d3461;
  --gold: #c9a84c;
  --gold-light: #e8c96a;
  --gold-pale: #f5e8c0;
  --cream: #faf8f2;
  --white: #ffffff;
  --text-dark: #0a1628;
  --text-mid: #3d5278;
  --text-muted: #7a8fa8;
  --success: #1a7a4a;
  --success-bg: #e6f5ed;
  --danger: #b91c1c;
  --danger-bg: #fef2f2;
  --warning: #92600a;
  --warning-bg: #fef9ec;
  --usd-green: #0d6e3e;
  --usd-green-light: #16a360;
  --usd-bg: #f0faf5;
  --border: rgba(10,22,40,0.10);
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 4px 24px rgba(10,22,40,0.10);
  --shadow-lg: 0 12px 48px rgba(10,22,40,0.16);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'DM Sans', sans-serif; background: var(--cream); color: var(--text-dark); min-height: 100vh; overflow-x: hidden; }
.layout { display:flex; min-height:100vh; overflow-x: hidden; }
.main { min-width: 0; margin-left: 240px; flex: 1; display: flex; flex-direction: column; transition: margin-left 0.28s cubic-bezier(.22,1,.36,1); }