# Global UI/UX — Geonet Console
## Tujuan
Console operasi terpadu Geonet: database, LDAP, API, audit, mail SMTP.
URL produksi: https://console.gisportal.id

## Stack Presentasi
- Laravel 12 Blade templates
- Tailwind CSS via CDN (`cdn.tailwindcss.com`)
- Custom CSS: `public/css/app-ui.css` (~1.600 baris)
- Vanilla JS (tanpa framework frontend)
- Hotwire Turbo 8 untuk navigasi SPA parsial
- Swagger UI untuk halaman API Docs

## Prinsip UI yang Sudah Diterapkan
- Dark-first (default `data-theme="dark"`)
- Enterprise dashboard layout (sidebar + content)
- Mobile-first bottom navigation + bottom sheet
- Konsistensi kartu `rounded-2xl`, border slate, aksen cyan
- Feedback visual pada submit form (loading overlay)
- Role-based navigation (admin vs user biasa)

## File Inti UI
- Layout: `resources/views/layouts/app.blade.php`
- Shell: `resources/views/partials/app-shell.blade.php`
- Menu: `app/Support/NavigationMenu.php`
- Styles: `public/css/app-ui.css`
- Scripts: `public/js/app-nav.js`, `app-spa-nav.js`, `ui-feedback.js`, `theme.js`