/**
 * MEO v7 - Administrative Interface Master Stylesheet
 * File: assets/css/pages/admin.css
 * 
 * Modular CSS architecture for macroscope.nexus administrative portal
 * Load order: Components → Layout → Features → Responsive
 */

/* ========== FOUNDATION LAYER ========== */
/* Core admin components: buttons, forms, alerts, badges */
@import url('../admin/components.css');

/* Layout systems: grids, containers, cards, navigation structure */
@import url('../admin/layout.css');

/* ========== COMPONENT LAYER ========== */
/* Navigation sidebar with role-based menu items */
@import url('../admin/navigation.css');

/* Header component with breadcrumbs and user menu */
@import url('../admin/header.css');

/* ========== FEATURE-SPECIFIC LAYERS ========== */
/* Login interface for authentication */
@import url('../admin/login.css');

/* Dashboard overview and system monitoring */
@import url('../admin/dashboard.css');

/* User management interface and tables */
@import url('../admin/users.css');

/* Logs interface for admin activity and public access monitoring */
@import url('../admin/logs.css');

/* Add this line with the other imports */
@import url('../admin/migration.css');

/* ========== RESPONSIVE LAYER ========== */
/* Consolidated admin responsive styles - loaded last */
@import url('../admin/responsive.css');

/*
 * ✅ MODULAR ADMIN ARCHITECTURE BENEFITS:
 * 
 * 🔧 MAINTAINABILITY
 * - Feature isolation: Each admin feature has dedicated CSS
 * - Component reusability: Shared components across admin pages
 * - Clear dependencies: Import order shows component relationships
 * 
 * ⚡ PERFORMANCE  
 * - Selective loading: Could load only needed admin modules
 * - Better caching: Individual components cache separately
 * - Faster development: Work on specific admin features in isolation
 * 
 * 👥 TEAM WORKFLOW
 * - Parallel development: Multiple developers on different admin features
 * - Reduced conflicts: Less chance of CSS merge conflicts
 * - Clear ownership: Each admin feature has dedicated stylesheet
 * 
 * 📊 ADMIN FILE BREAKDOWN:
 * - components.css: ~200 lines (buttons, forms, alerts, badges)
 * - layout.css: ~150 lines (grids, containers, cards)  
 * - navigation.css: ~300 lines (sidebar navigation)
 * - header.css: ~400 lines (header component)
 * - login.css: ~200 lines (authentication interface)
 * - dashboard.css: ~250 lines (dashboard-specific styles)
 * - users.css: ~300 lines (user management interface)
 * - logs.css: ~150 lines (logs interface and filter styling)
 * - responsive.css: ~200 lines (mobile admin styles)
 * 
 * Total: ~2150 lines (organized vs monolithic)
 */