/* ===== REPORTNEW UI VARIABLES ===== */
:root {
  --brand: #025b48;
  --brand-2: #04604e;
  --brand-soft: #e6f4f1;
  --brand-border: #b3d9d0;
  --accent: #00e0e5;
  --bg: #f3f4f6;
  --surface: #ffffff;
  --surface-soft: #f8fffe;
  --text: #1a1a2e;
  --muted: #4a5568;
  --line: #e2e8f0;
  --danger: #dc2626;
  --warning: #f59e0b;
  --success: #0ea35b;
  --blue: #2563eb;
  --sidebar-width: 280px;
  --header-h: 64px;
  --footer-h: 42px;
  --footer-h-mobile: 38px;
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --z-header: 1000;
  --z-sidebar: 900;
  --z-banner: 990;
  --z-footer: 950;
  --z-support: 940;
  --z-content: 1;
  --z-overlay: 9999;
  --z-loading: 10000;
  --z-dropdown: 12000;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-soft: 0 1px 4px rgba(0, 0, 0, 0.08);
  --shadow-panel: 0 2px 12px rgba(0, 0, 0, 0.10);
  --shadow-brand: 0 2px 10px rgba(2, 91, 72, 0.15);
  --transition: all 0.2s ease;
}