/* ═══════════════════════════════════════════════════════════════════
   ADMIN LAYOUT — Master stylesheet
   This file imports all modular admin CSS in the correct order.

   File structure:
     css/admin/
       ├── variables.css   → Theme tokens (colors, fonts, spacing)
       ├── base.css        → Resets, body styles, animations
       ├── sidebar.css     → Sidebar navigation, brand, collapse
       ├── topbar.css      → Top header bar, search, user menu
       ├── content.css     → Main area, grids, Bootstrap overrides
       ├── widgets.css     → Dashboard widgets (KPI, charts, tables)
       ├── pages.css       → Page-level components (headers, filters, tabs, badges)
       └── responsive.css  → RTL, tablet, mobile breakpoints

   To add a new feature's styles, create a new file in css/admin/
   and add an @import line below.
   ═══════════════════════════════════════════════════════════════════ */
@import url("admin/variables.css");
@import url("admin/base.css");
@import url("admin/auth.css");
@import url("admin/sidebar.css");
@import url("admin/topbar.css");
@import url("admin/content.css");
@import url("admin/widgets.css");
@import url("admin/pages.css");
@import url("admin/sessions.css");
@import url("admin/mentors.css");
@import url("admin/connections.css");
@import url("admin/ratings.css");
@import url("admin/notifications.css");
@import url("admin/responsive.css");