/** * Custom Styles for LalatX Video Hosting Platform * * This file contains custom styles that extend or override theme.css * Move inline styles from HTML files to this file for better maintainability * * HOW TO USE PAGE NAMESPACES: * --------------------------- * Each page has a class on tag for CSS namespace isolation. * This prevents CSS conflicts between pages. * * Example: * HTML: * CSS: .page-dashboard .stat-card { ... } * * This ensures .stat-card styles ONLY apply to dashboard page. * * Page Classes: * - page-dashboard → Dashboard * - page-files → Files Manager * - page-homepage → Homepage * - page-player → Video Player * - page-profile → User Profile * - page-settings → Settings * - page-upload → Upload * - page-share-create → Share Create * - page-admin → Admin pages * * Migration Workflow: * 1. Copy inline CSS from