/*
 * 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-663ae204.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-767b97ed.css");

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

/* Top Navigation Bar */
@import url("/assets/layout/_topbar-a329e5d4.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-8eb8cf8a.css");

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

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

/* Modal Components */
@import url("/assets/components/_modal-74a7a93c.css");

/* Content Box Components */
@import url("/assets/components/_content-box-83cea742.css");

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

/* Selection Component */
@import url("/assets/components/_selection_component-a0066635.css");

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

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

/* Landing Page */
@import url("/assets/pages/_landing-6268ecca.css");

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

/* Settings Page */
@import url("/assets/pages/_settings-789a291b.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-32f6842c.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; }