/* ========================================== BreakPilot Studio - Main CSS Entry Point Modular CSS Architecture ========================================== */ /* Base Styles */ @import url('./modules/base/variables.css'); @import url('./modules/base/layout.css'); /* UI Components */ @import url('./modules/components/legal-modal.css'); @import url('./modules/components/auth-modal.css'); @import url('./modules/components/notifications.css'); @import url('./modules/components/suspension.css'); @import url('./modules/components/editor.css'); @import url('./modules/components/communication.css'); /* Admin Panel */ @import url('./modules/admin/modal.css'); @import url('./modules/admin/tables.css'); @import url('./modules/admin/sidebar.css'); @import url('./modules/admin/content.css'); @import url('./modules/admin/dsms.css'); @import url('./modules/admin/preview.css'); @import url('./modules/admin/learning.css'); /* ========================================== Module Architecture (Total: 3,710 → 15 modules) base/ ├── variables.css (~65 lines) - CSS Custom Properties └── layout.css (~145 lines) - App structure, topbar components/ ├── legal-modal.css (~170 lines) - Privacy, terms, cookies ├── auth-modal.css (~225 lines) - Login, register ├── notifications.css (~225 lines) - Bell, panel, items ├── suspension.css (~115 lines) - Account blocking ├── editor.css (~140 lines) - Rich text editor └── communication.css (~120 lines) - Chat, Matrix, Jitsi admin/ ├── modal.css (~100 lines) - Admin modal structure ├── tables.css (~100 lines) - Tables and badges ├── sidebar.css (~240 lines) - Navigation sidebar ├── content.css (~260 lines) - Content area, buttons ├── dsms.css (~160 lines) - Storage management ├── preview.css (~175 lines) - Preview/compare └── learning.css (~285 lines) - MC, cloze quizzes Original file backed up as: studio_original.css ========================================== */