/*
 * Modern CSS Architecture for vested.fyi
 * 
 * This is the main manifest file that imports all modular CSS files.
 * Files are organized by function and responsibility for better maintainability.
 *
 * Structure:
 * - base/        : CSS variables, reset, typography
 * - layout/      : App structure, sidebars, navigation
 * - components/  : Reusable UI components
 * - pages/       : Page-specific styles
 * - responsive/  : Mobile and tablet breakpoints
 */

/* === BASE STYLES === */
/* CSS Custom Properties and Design Tokens */
@import url("/assets/base/_variables-2356e2be.css");

/* CSS Reset and Global Styles */
@import url("/assets/base/_reset-9180f039.css");

/* Typography System */
@import url("/assets/base/_typography-7649a6f9.css");

/* === LAYOUT === */
/* App Container and Main Layout */
@import url("/assets/layout/_app-container-26590b80.css");

/* Left Navigation Sidebar */
@import url("/assets/layout/_sidebar-5017b778.css");

/* Top Navigation Bar */
@import url("/assets/layout/_topbar-54212d4d.css");

/* Right Sidebar (Modeling) */
@import url("/assets/layout/_right-sidebar-f1fe3328.css");

/* Footer */
@import url("/assets/layout/_footer-f25408dd.css");

/* === COMPONENTS === */
/* Button Components */
@import url("/assets/components/_buttons-a5cf161d.css");

/* Form Components */
@import url("/assets/components/_forms-f6b29913.css");

/* Table Components */
@import url("/assets/components/_tables-f2f51f5b.css");

/* Chart Components */
@import url("/assets/components/_charts-99549f32.css");

/* Tooltip Components */
@import url("/assets/components/_tooltips-ba023474.css");

/* Banner Components */
@import url("/assets/components/_banners-9467e7d8.css");

/* === PAGES === */
/* Compensation Page */
@import url("/assets/pages/_compensation-1aafb58d.css");

/* Equity Page */
@import url("/assets/pages/_equity-3d171a40.css");

/* Landing Page */
@import url("pages/_landing.css");

/* Billing Page */
@import url("/assets/pages/_billing-832b213e.css");

/* Legal Pages */
@import url("/assets/pages/_legal-5e538e99.css");

/* === RESPONSIVE === */
/* Tablet Breakpoints */
@import url("/assets/responsive/_tablet-770b1a2b.css");

/* Mobile Breakpoints */
@import url("/assets/responsive/_mobile-16f740ab.css");

/* === UTILITIES === */
/* Common utility classes */
.hidden {
  display: none !important;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: var(--spacing-xs) !important; }
.mb-2 { margin-bottom: var(--spacing-sm) !important; }
.mb-3 { margin-bottom: var(--spacing-md) !important; }
.mb-4 { margin-bottom: var(--spacing-lg) !important; }
.mb-5 { margin-bottom: var(--spacing-xl) !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: var(--spacing-xs) !important; }
.mt-2 { margin-top: var(--spacing-sm) !important; }
.mt-3 { margin-top: var(--spacing-md) !important; }
.mt-4 { margin-top: var(--spacing-lg) !important; }
.mt-5 { margin-top: var(--spacing-xl) !important; }