Update docs structure to root and fix links

id/docs/manual/settings/api-cors.md

@@ -0,0 +1,16 @@
+# API & CORS
+
+MIVO memungkinkan aplikasi eksternal untuk mengakses data router Anda secara aman melalui REST API.
+
+## <Icon name="Unlock" color="warning" /> Kebijakan CORS
+
+Untuk memungkinkan situs web Anda (misal: pengecek status) memanggil API MIVO, Anda harus memasukkan domain tersebut ke daftar putih (whitelist).
+
+1.  Buka **Pengaturan** > **API & CORS**.
+2.  Tambahkan URL situs web Anda (termasuk `https://`).
+3.  Simpan perubahan.
+
+## <Icon name="Terminal" color="info" /> Dokumentasi
+
+Dokumentasi API mendetail tersedia di bagian pengembang.
+

id/docs/manual/settings/index.md

@@ -0,0 +1,17 @@
+# Pengaturan Global
+
+Pengaturan global mengontrol instance MIVO Anda secara sistem lunak. Ini adalah konfigurasi tingkat sistem yang tidak bergantung pada koneksi Mikrotik tertentu.
+
+## <Icon name="Settings" color="primary" /> Ikhtisar
+
+Akses pengaturan ini dari menu kanan atas atau sidebar utama.
+
+- **[Router](/id/docs/manual/settings/routers)**: Kelola koneksi Mikrotik Anda.
+- **[Template](/id/docs/manual/settings/templates)**: Kustomisasi desain voucher.
+- **[Logo](/id/docs/manual/settings/logos)**: Unggah logo brand.
+- **[API & CORS](/id/docs/manual/settings/api-cors)**: Konfigurasi akses API.
+
+## <Icon name="Shield" color="info" /> Administrasi
+
+Anda juga dapat mengelola administrator MIVO dan perilaku sistem umum (Zona Waktu, Bahasa) di sini.
+

id/docs/manual/settings/logos.md

@@ -0,0 +1,30 @@
+# Logo Brand
+
+Manajemen Logo memungkinkan Anda untuk mengelola galeri aset brand yang digunakan untuk kustomisasi voucher Hotspot Mikrotik dan antarmuka aplikasi.
+
+## <Icon name="Image" color="primary" /> Tujuan
+
+Dengan mengunggah logo bisnis Anda di sini, Anda dapat menciptakan pengalaman brand yang profesional bagi pelanggan Anda. Logo-logo ini disimpan terpusat dan dapat dipanggil secara dinamis di berbagai bagian MIVO.
+
+## <Icon name="UploadCloud" color="success" /> Proses Mengunggah
+
+1.  Buka **Pengaturan** > **Logo**.
+2.  **Drag & Drop** atau klik area unggah untuk memilih file Anda.
+3.  **Format yang Didukung**: PNG, JPG, SVG, dan GIF didukung. Disarankan menggunakan PNG transparan atau SVG untuk tampilan terbaik di voucher.
+
+## <Icon name="Hash" color="info" /> Logo ID & Fitur Copy
+
+Setiap logo yang Anda unggah akan diberikan **Short ID** yang unik (contoh: `lg01`, `logo_wifi`).
+
+### <Icon name="Copy" color="primary" /> Cara Menggunakan Copy ID
+Di galeri logo, arahkan kursor ke logo apapun untuk memunculkan tombol **Copy ID**.
+- **Fungsi**: Mengklik tombol ini akan menyalin ID unik tersebut ke clipboard Anda.
+- **Integrasi**: Gunakan ID ini di dalam **Voucher Template Editor** (contoh: `&#123;&#123;logo:lg01&#125;&#125;`) untuk menampilkan logo spesifik tersebut pada voucher yang dicetak.
+
+## <Icon name="Trash2" color="danger" /> Manajemen
+
+Anda dapat menghapus logo yang tidak digunakan kapan saja.
+> [!WARNING]
+> Menghapus logo akan menyebabkan template voucher yang mereferensikan ID-nya menampilkan gambar yang rusak (placeholder).
+
+

id/docs/manual/settings/routers.md

@@ -0,0 +1,29 @@
+# Manajemen Router
+
+Untuk mulai mengelola Mikrotik Anda, pertama-tama Anda perlu menghubungkannya ke MIVO.
+
+## <Icon name="PlusCircle" color="success" /> Menghubungkan Router
+
+1.  Buka **Pengaturan** > **Router**.
+2.  Klik **Tambah Router**.
+3.  Isi detailnya:
+    - **Nama Sesi**: Identitas unik untuk koneksi ini.
+    - **Alamat IP**: IP Mikrotik atau nama DNS Anda.
+    - **Username/Password**: Akun API Mikrotik Anda.
+    - **Port**: Biasanya 8728 (API).
+
+## <Icon name="Activity" color="info" /> Status Koneksi
+
+MIVO akan mencoba terhubung ke router secara real-time. Jika status berwarna hijau, Anda siap memulai pengelolaan!
+
+## <Icon name="Database" color="warning" /> Backup & Restore
+
+Lindungi konfigurasi Anda dengan membuat cadangan (backup) database MIVO Anda.
+
+- **Backup**: Membuat file JSON yang berisi semua sesi router dan pengaturan global.
+- **Restore**: Unggah file cadangan MIVO yang telah disimpan sebelumnya untuk memulihkan data Anda.
+
+> [!CAUTION]
+> Melakukan restore akan menimpa pengaturan dan sesi Anda yang ada saat ini.
+
+

id/docs/manual/settings/system.md

@@ -0,0 +1,21 @@
+# Pengaturan Sistem
+
+Kelola akun administrator MIVO Anda dan perilaku aplikasi secara global.
+
+## <Icon name="UserCheck" color="primary" /> Akun Admin
+
+Ubah kredensial administrator MIVO Anda untuk menjaga keamanan sistem.
+- **Username**: Nama yang digunakan untuk login.
+- **Password**: Kata sandi aman untuk akses.
+
+## <Icon name="Globe" color="info" /> Konfigurasi Global
+
+Sesuaikan pengaturan lingkungan untuk seluruh aplikasi:
+- **Bahasa**: Pilih bahasa antarmuka pilihan Anda (Inggris/Indonesia).
+- **Zona Waktu**: Atur waktu lokal untuk laporan dan log yang akurat.
+- **Mata Uang**: Tentukan simbol mata uang yang digunakan dalam voucher dan laporan.
+
+## <Icon name="ShieldAlert" color="warning" /> Keamanan
+
+MIVO menggunakan autentikasi berbasis sesi. Pastikan Anda melakukan logout saat menggunakan terminal publik.
+

id/docs/manual/settings/templates.md

@@ -0,0 +1,15 @@
+# Template Voucher
+
+MIVO memiliki engine template yang mumpuni untuk membuat voucher yang cantik dan siap cetak.
+
+## <Icon name="FileCode" color="primary" /> Kustomisasi Template
+
+Template menggunakan HTML dan placeholder khusus untuk menampilkan data voucher.
+
+- **Variabel**: `{{username}}`, `{{password}}`, `{{price}}`, dll.
+- **Preview**: Uji template Anda secara instan dari editor.
+
+## <Icon name="Printer" color="info" /> Cetak Cepat
+
+Setelah template disimpan, template tersebut akan tersedia di menu **Cetak Cepat** (Quick Print) di dalam sesi router Anda.
+