Folder structure explained

Pages sit at the top level. Styles, scripts and images each have their own folder:

odinadmin/
├── index.html        CMS dashboard
├── …                 the other pages
├── css/
│   ├── style.css     imports all parts below
│   ├── base/         variables, colour palette, base styles
│   ├── layout/       app shell, sidebar, top bar, footer
│   ├── components/   buttons, forms, cards, tables, …
│   ├── pages/        styles used by one page only
│   └── vendor/       themes for third-party plugins
├── js/               app.js + one script per feature
├── images/           logos and favicons
├── json/             demo data
└── docs/             the documentation

Edit the part files, never style.css itself — it only imports them, in the order variables → base → layout → components → pages → vendor.