diff --git a/car-clearance-system/.htaccess b/car-clearance-system/.htaccess
new file mode 100644
index 0000000000..671ddb22de
--- /dev/null
+++ b/car-clearance-system/.htaccess
@@ -0,0 +1,6 @@
+RewriteEngine On
+
+# Redirect all requests to public/index.php
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*)$ public/index.php [QSA,L]
diff --git a/car-clearance-system/README.md b/car-clearance-system/README.md
new file mode 100644
index 0000000000..9682eeaf66
--- /dev/null
+++ b/car-clearance-system/README.md
@@ -0,0 +1,183 @@
+# Car Clearance Management System
+
+A full-stack web application for managing car/truck clearance records, built with PHP 8+, MySQL, HTML, CSS, JavaScript, and Bootstrap 5.
+
+## Features
+
+- **Authentication & Authorization**: Secure login with role-based access (Admin/User)
+- **Clearance Records**: Add, view, edit, and delete car clearance records
+- **Dual Currency Support**: Track payments in USD or SSP
+- **Reports**: Filterable, searchable, sortable reports with print functionality
+- **User Management**: Admins can create, edit, and delete users
+- **Responsive Design**: Mobile-friendly layout with Bootstrap 5
+- **Security**: PDO prepared statements, password hashing, input validation
+
+## Requirements
+
+- PHP 8.0+
+- MySQL 5.7+ / MariaDB 10.3+
+- Apache with mod_rewrite (XAMPP, Laragon, WAMP, etc.)
+
+## Setup Instructions
+
+### Option A: Using XAMPP
+
+1. **Install XAMPP** from [https://www.apachefriends.org/](https://www.apachefriends.org/)
+
+2. **Copy project files** to your XAMPP htdocs folder:
+   ```
+   Copy the entire `car-clearance-system` folder to:
+   C:\xampp\htdocs\car-clearance-system
+   ```
+
+3. **Start Apache and MySQL** from XAMPP Control Panel.
+
+4. **Create the database**:
+   - Open phpMyAdmin: [http://localhost/phpmyadmin](http://localhost/phpmyadmin)
+   - Click "Import" tab
+   - Select `database/schema.sql` file
+   - Click "Go" to execute
+
+   **Or** run from command line:
+   ```bash
+   mysql -u root < database/schema.sql
+   ```
+
+5. **Update database config** (if needed):
+   - Edit `config/database.php`
+   - Update `DB_HOST`, `DB_USER`, `DB_PASS` if different from defaults
+
+6. **Access the application**:
+   - Navigate to: [http://localhost/car-clearance-system/public/](http://localhost/car-clearance-system/public/)
+   - Login with: **admin** / **admin123**
+
+### Option B: Using Laragon
+
+1. **Install Laragon** from [https://laragon.org/](https://laragon.org/)
+
+2. **Copy project files** to Laragon's www folder:
+   ```
+   Copy to: C:\laragon\www\car-clearance-system
+   ```
+
+3. **Start All** services in Laragon.
+
+4. **Create the database**:
+   - Open Laragon Terminal
+   - Run: `mysql -u root < database/schema.sql`
+   - Or use HeidiSQL (included with Laragon) to import `database/schema.sql`
+
+5. **Access the application**:
+   - Navigate to: [http://car-clearance-system.test/public/](http://car-clearance-system.test/public/)
+   - Or: [http://localhost/car-clearance-system/public/](http://localhost/car-clearance-system/public/)
+   - Login with: **admin** / **admin123**
+
+### Option C: PHP Built-in Server (Quick Testing)
+
+```bash
+cd car-clearance-system/public
+php -S localhost:8080
+```
+Then visit: [http://localhost:8080](http://localhost:8080)
+
+> Note: Ensure MySQL is running separately and the database is imported.
+
+## Project Structure
+
+```
+car-clearance-system/
+├── config/
+│   └── database.php          # Database connection configuration
+├── controllers/
+│   ├── AuthController.php    # Authentication (login/logout)
+│   ├── ClearanceController.php # Clearance CRUD operations
+│   ├── UserController.php    # User management (admin)
+│   └── ReportController.php  # Report generation
+├── models/
+│   ├── User.php              # User model (database queries)
+│   └── Clearance.php         # Clearance model (database queries)
+├── views/
+│   ├── layouts/
+│   │   ├── header.php        # HTML head & opening tags
+│   │   ├── sidebar.php       # Navigation sidebar
+│   │   └── footer.php        # Scripts & closing tags
+│   ├── auth/
+│   │   └── login.php         # Login page
+│   ├── dashboard/
+│   │   └── index.php         # Main dashboard view
+│   ├── clearances/
+│   │   └── form.php          # Add/Edit clearance form
+│   ├── users/
+│   │   └── list.php          # User management page
+│   └── reports/
+│       ├── index.php         # Reports with filters
+│       └── print.php         # Print-friendly report
+├── public/
+│   ├── index.php             # Application entry point / router
+│   ├── css/
+│   │   └── style.css         # Custom styles
+│   └── js/
+│       └── app.js            # Client-side JavaScript
+├── database/
+│   └── schema.sql            # Database schema & seed data
+├── .htaccess                 # Apache URL rewriting
+└── README.md                 # This file
+```
+
+## Default Login Credentials
+
+| Username | Password | Role  |
+|----------|----------|-------|
+| admin    | admin123 | Admin |
+
+## User Roles
+
+| Permission              | Admin | User |
+|------------------------|-------|------|
+| View clearance records | Yes   | Yes  |
+| Add clearance records  | Yes   | Yes  |
+| Edit clearance records | Yes   | No   |
+| Delete clearance records| Yes  | No   |
+| View reports           | Yes   | Yes  |
+| Print reports          | Yes   | Yes  |
+| Manage users           | Yes   | No   |
+
+## Currency Logic
+
+- **Paid in USD**: The USD amount is stored; SSP is set to 0
+- **Paid in SSP**: The SSP amount is stored; USD is set to 0
+- A radio button controls which currency field is active
+- Server-side validation ensures only one currency has a value > 0
+
+## Troubleshooting
+
+### "Access Denied" database error
+- Check `config/database.php` credentials match your MySQL setup
+- XAMPP default: user=`root`, password=`` (empty)
+- Laragon default: user=`root`, password=`` (empty)
+
+### "Table doesn't exist" error
+- Import `database/schema.sql` into MySQL first
+- The application will auto-create the admin user if it doesn't exist
+
+### Page not found / 404
+- Ensure Apache `mod_rewrite` is enabled
+- Check that `.htaccess` file is present in the root folder
+- Try accessing directly: `http://localhost/car-clearance-system/public/index.php`
+
+### Styles not loading
+- Access via `public/index.php` (not root `index.php`)
+- Check browser console for 404 errors on CSS/JS files
+
+## Security Features
+
+- **Password Hashing**: Uses `password_hash()` with `PASSWORD_DEFAULT` (bcrypt)
+- **SQL Injection Prevention**: All queries use PDO prepared statements
+- **XSS Prevention**: All output escaped with `htmlspecialchars()`
+- **Session Security**: PHP sessions for authentication state
+- **Input Validation**: Both client-side (HTML5/JS) and server-side (PHP)
+- **Role-Based Access**: Admin/User permissions enforced server-side
+
+## License
+
+This project is provided as-is for educational and business purposes.
diff --git a/car-clearance-system/config/database.php b/car-clearance-system/config/database.php
new file mode 100644
index 0000000000..7823c65c63
--- /dev/null
+++ b/car-clearance-system/config/database.php
@@ -0,0 +1,37 @@
+<?php
+/**
+ * Database Configuration
+ * Update these settings to match your local environment (XAMPP/Laragon)
+ */
+
+define('DB_HOST', 'localhost');
+define('DB_NAME', 'car_clearance_db');
+define('DB_USER', 'root');
+define('DB_PASS', '');        // Default empty for XAMPP/Laragon
+define('DB_CHARSET', 'utf8mb4');
+
+/**
+ * Get PDO database connection
+ * @return PDO
+ */
+function getDB(): PDO {
+    static $pdo = null;
+
+    if ($pdo === null) {
+        $dsn = "mysql:host=" . DB_HOST . ";dbname=" . DB_NAME . ";charset=" . DB_CHARSET;
+
+        $options = [
+            PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
+            PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
+            PDO::ATTR_EMULATE_PREPARES   => false,
+        ];
+
+        try {
+            $pdo = new PDO($dsn, DB_USER, DB_PASS, $options);
+        } catch (PDOException $e) {
+            die("Database connection failed: " . $e->getMessage());
+        }
+    }
+
+    return $pdo;
+}
diff --git a/car-clearance-system/controllers/AuthController.php b/car-clearance-system/controllers/AuthController.php
new file mode 100644
index 0000000000..241760c19b
--- /dev/null
+++ b/car-clearance-system/controllers/AuthController.php
@@ -0,0 +1,104 @@
+<?php
+/**
+ * Authentication Controller
+ * Handles login, logout, and session management
+ */
+class AuthController {
+    private $userModel;
+
+    public function __construct(PDO $db) {
+        $this->userModel = new User($db);
+    }
+
+    /**
+     * Show login page
+     */
+    public function showLogin(): void {
+        // Redirect if already logged in
+        if ($this->isLoggedIn()) {
+            header('Location: index.php?page=dashboard');
+            exit;
+        }
+        include __DIR__ . '/../views/auth/login.php';
+    }
+
+    /**
+     * Process login form
+     */
+    public function login(): void {
+        $username = trim($_POST['username'] ?? '');
+        $password = $_POST['password'] ?? '';
+
+        // Validate inputs
+        if (empty($username) || empty($password)) {
+            $_SESSION['error'] = 'Username and password are required.';
+            header('Location: index.php?page=login');
+            exit;
+        }
+
+        // Find user
+        $user = $this->userModel->findByUsername($username);
+        if (!$user || !$this->userModel->verifyPassword($user, $password)) {
+            $_SESSION['error'] = 'Invalid username or password.';
+            header('Location: index.php?page=login');
+            exit;
+        }
+
+        // Set session
+        $_SESSION['user_id'] = $user['id'];
+        $_SESSION['username'] = $user['username'];
+        $_SESSION['role'] = $user['role'];
+
+        $_SESSION['success'] = 'Welcome back, ' . htmlspecialchars($user['username']) . '!';
+        header('Location: index.php?page=dashboard');
+        exit;
+    }
+
+    /**
+     * Logout
+     */
+    public function logout(): void {
+        session_destroy();
+        session_start();
+        $_SESSION['success'] = 'You have been logged out.';
+        header('Location: index.php?page=login');
+        exit;
+    }
+
+    /**
+     * Check if user is logged in
+     */
+    public static function isLoggedIn(): bool {
+        return isset($_SESSION['user_id']);
+    }
+
+    /**
+     * Check if current user is admin
+     */
+    public static function isAdmin(): bool {
+        return isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
+    }
+
+    /**
+     * Require login - redirect if not authenticated
+     */
+    public static function requireLogin(): void {
+        if (!self::isLoggedIn()) {
+            $_SESSION['error'] = 'Please log in to access this page.';
+            header('Location: index.php?page=login');
+            exit;
+        }
+    }
+
+    /**
+     * Require admin role
+     */
+    public static function requireAdmin(): void {
+        self::requireLogin();
+        if (!self::isAdmin()) {
+            $_SESSION['error'] = 'Access denied. Admin privileges required.';
+            header('Location: index.php?page=dashboard');
+            exit;
+        }
+    }
+}
diff --git a/car-clearance-system/controllers/ClearanceController.php b/car-clearance-system/controllers/ClearanceController.php
new file mode 100644
index 0000000000..b0dca76943
--- /dev/null
+++ b/car-clearance-system/controllers/ClearanceController.php
@@ -0,0 +1,179 @@
+<?php
+/**
+ * Clearance Controller
+ * Handles CRUD operations for car clearance records
+ */
+class ClearanceController {
+    private $clearanceModel;
+
+    public function __construct(PDO $db) {
+        $this->clearanceModel = new Clearance($db);
+    }
+
+    /**
+     * List all clearances (Dashboard)
+     */
+    public function index(): void {
+        AuthController::requireLogin();
+
+        // Get filter parameters
+        $dateFrom    = $_GET['date_from'] ?? null;
+        $dateTo      = $_GET['date_to'] ?? null;
+        $truckNumber = $_GET['truck_number'] ?? null;
+        $search      = $_GET['search'] ?? null;
+
+        $records = $this->clearanceModel->getAll($dateFrom, $dateTo, $truckNumber, $search);
+        $totals  = $this->clearanceModel->getTotals($dateFrom, $dateTo, $truckNumber);
+
+        include __DIR__ . '/../views/dashboard/index.php';
+    }
+
+    /**
+     * Show new clearance form
+     */
+    public function create(): void {
+        AuthController::requireLogin();
+        $record = null;
+        include __DIR__ . '/../views/clearances/form.php';
+    }
+
+    /**
+     * Store a new clearance record
+     */
+    public function store(): void {
+        AuthController::requireLogin();
+
+        $errors = $this->validateInput($_POST);
+        if (!empty($errors)) {
+            $_SESSION['error'] = implode('<br>', $errors);
+            $_SESSION['old_input'] = $_POST;
+            header('Location: index.php?page=clearances&action=create');
+            exit;
+        }
+
+        $data = $this->sanitizeInput($_POST);
+        $data['cleared_by_username'] = $_SESSION['username'];
+
+        if ($this->clearanceModel->create($data)) {
+            $_SESSION['success'] = 'Clearance record created successfully.';
+            header('Location: index.php?page=dashboard');
+        } else {
+            $_SESSION['error'] = 'Failed to create clearance record.';
+            header('Location: index.php?page=clearances&action=create');
+        }
+        exit;
+    }
+
+    /**
+     * Show edit form (admin only)
+     */
+    public function edit(int $id): void {
+        AuthController::requireAdmin();
+
+        $record = $this->clearanceModel->findById($id);
+        if (!$record) {
+            $_SESSION['error'] = 'Record not found.';
+            header('Location: index.php?page=dashboard');
+            exit;
+        }
+
+        include __DIR__ . '/../views/clearances/form.php';
+    }
+
+    /**
+     * Update a clearance record (admin only)
+     */
+    public function update(int $id): void {
+        AuthController::requireAdmin();
+
+        $errors = $this->validateInput($_POST);
+        if (!empty($errors)) {
+            $_SESSION['error'] = implode('<br>', $errors);
+            $_SESSION['old_input'] = $_POST;
+            header("Location: index.php?page=clearances&action=edit&id=$id");
+            exit;
+        }
+
+        $data = $this->sanitizeInput($_POST);
+
+        if ($this->clearanceModel->update($id, $data)) {
+            $_SESSION['success'] = 'Clearance record updated successfully.';
+            header('Location: index.php?page=dashboard');
+        } else {
+            $_SESSION['error'] = 'Failed to update clearance record.';
+            header("Location: index.php?page=clearances&action=edit&id=$id");
+        }
+        exit;
+    }
+
+    /**
+     * Delete a clearance record (admin only)
+     */
+    public function delete(int $id): void {
+        AuthController::requireAdmin();
+
+        if ($this->clearanceModel->delete($id)) {
+            $_SESSION['success'] = 'Record deleted successfully.';
+        } else {
+            $_SESSION['error'] = 'Failed to delete record.';
+        }
+        header('Location: index.php?page=dashboard');
+        exit;
+    }
+
+    /**
+     * Validate form input
+     */
+    private function validateInput(array $data): array {
+        $errors = [];
+
+        if (empty($data['clearance_date'])) {
+            $errors[] = 'Date is required.';
+        }
+        if (empty(trim($data['truck_number'] ?? ''))) {
+            $errors[] = 'Truck Number is required.';
+        }
+        if (empty(trim($data['consignment'] ?? ''))) {
+            $errors[] = 'Consignment is required.';
+        }
+        if (empty($data['truck_type']) || !in_array($data['truck_type'], ['Fuso', 'Trailer', 'Canter', 'Tipper', 'Pickup', 'Other'])) {
+            $errors[] = 'Valid Truck Type is required.';
+        }
+        if (empty($data['paid_in_currency']) || !in_array($data['paid_in_currency'], ['USD', 'SSP'])) {
+            $errors[] = 'Payment currency must be specified.';
+        }
+
+        // Validate currency logic
+        if (!empty($data['paid_in_currency'])) {
+            if ($data['paid_in_currency'] === 'USD') {
+                if (empty($data['amount_usd']) || floatval($data['amount_usd']) <= 0) {
+                    $errors[] = 'USD amount must be greater than 0 when paying in USD.';
+                }
+            } elseif ($data['paid_in_currency'] === 'SSP') {
+                if (empty($data['amount_ssp']) || floatval($data['amount_ssp']) <= 0) {
+                    $errors[] = 'SSP amount must be greater than 0 when paying in SSP.';
+                }
+            }
+        }
+
+        return $errors;
+    }
+
+    /**
+     * Sanitize form input
+     */
+    private function sanitizeInput(array $data): array {
+        $paidIn = $data['paid_in_currency'];
+
+        return [
+            'clearance_date'   => $data['clearance_date'],
+            'truck_number'     => trim($data['truck_number']),
+            'consignment'      => trim($data['consignment']),
+            'items'            => trim($data['items'] ?? ''),
+            'truck_type'       => $data['truck_type'],
+            'amount_usd'       => $paidIn === 'USD' ? floatval($data['amount_usd']) : 0.00,
+            'amount_ssp'       => $paidIn === 'SSP' ? floatval($data['amount_ssp']) : 0.00,
+            'paid_in_currency' => $paidIn,
+        ];
+    }
+}
diff --git a/car-clearance-system/controllers/ReportController.php b/car-clearance-system/controllers/ReportController.php
new file mode 100644
index 0000000000..6b0c13fcd5
--- /dev/null
+++ b/car-clearance-system/controllers/ReportController.php
@@ -0,0 +1,44 @@
+<?php
+/**
+ * Report Controller
+ * Handles report generation and print views
+ */
+class ReportController {
+    private $clearanceModel;
+
+    public function __construct(PDO $db) {
+        $this->clearanceModel = new Clearance($db);
+    }
+
+    /**
+     * Show report page with filters
+     */
+    public function index(): void {
+        AuthController::requireLogin();
+
+        $dateFrom    = $_GET['date_from'] ?? null;
+        $dateTo      = $_GET['date_to'] ?? null;
+        $truckNumber = $_GET['truck_number'] ?? null;
+
+        $records = $this->clearanceModel->getAll($dateFrom, $dateTo, $truckNumber);
+        $totals  = $this->clearanceModel->getTotals($dateFrom, $dateTo, $truckNumber);
+
+        include __DIR__ . '/../views/reports/index.php';
+    }
+
+    /**
+     * Print-friendly report view
+     */
+    public function printReport(): void {
+        AuthController::requireLogin();
+
+        $dateFrom    = $_GET['date_from'] ?? null;
+        $dateTo      = $_GET['date_to'] ?? null;
+        $truckNumber = $_GET['truck_number'] ?? null;
+
+        $records = $this->clearanceModel->getAll($dateFrom, $dateTo, $truckNumber);
+        $totals  = $this->clearanceModel->getTotals($dateFrom, $dateTo, $truckNumber);
+
+        include __DIR__ . '/../views/reports/print.php';
+    }
+}
diff --git a/car-clearance-system/controllers/UserController.php b/car-clearance-system/controllers/UserController.php
new file mode 100644
index 0000000000..1e97f153a3
--- /dev/null
+++ b/car-clearance-system/controllers/UserController.php
@@ -0,0 +1,130 @@
+<?php
+/**
+ * User Controller
+ * Handles CRUD operations for user management (admin only)
+ */
+class UserController {
+    private $userModel;
+
+    public function __construct(PDO $db) {
+        $this->userModel = new User($db);
+    }
+
+    /**
+     * List all users
+     */
+    public function index(): void {
+        AuthController::requireAdmin();
+        $users = $this->userModel->getAll();
+        include __DIR__ . '/../views/users/list.php';
+    }
+
+    /**
+     * Store a new user
+     */
+    public function store(): void {
+        AuthController::requireAdmin();
+
+        $username = trim($_POST['username'] ?? '');
+        $password = $_POST['password'] ?? '';
+        $role     = $_POST['role'] ?? 'user';
+
+        // Validate
+        $errors = [];
+        if (empty($username)) {
+            $errors[] = 'Username is required.';
+        }
+        if (strlen($username) < 3) {
+            $errors[] = 'Username must be at least 3 characters.';
+        }
+        if (empty($password)) {
+            $errors[] = 'Password is required.';
+        }
+        if (strlen($password) < 6) {
+            $errors[] = 'Password must be at least 6 characters.';
+        }
+        if (!in_array($role, ['admin', 'user'])) {
+            $errors[] = 'Invalid role.';
+        }
+        // Check username uniqueness
+        if ($this->userModel->findByUsername($username)) {
+            $errors[] = 'Username already exists.';
+        }
+
+        if (!empty($errors)) {
+            $_SESSION['error'] = implode('<br>', $errors);
+            header('Location: index.php?page=users');
+            exit;
+        }
+
+        if ($this->userModel->create($username, $password, $role)) {
+            $_SESSION['success'] = 'User created successfully.';
+        } else {
+            $_SESSION['error'] = 'Failed to create user.';
+        }
+        header('Location: index.php?page=users');
+        exit;
+    }
+
+    /**
+     * Update a user
+     */
+    public function update(int $id): void {
+        AuthController::requireAdmin();
+
+        $username = trim($_POST['username'] ?? '');
+        $password = $_POST['password'] ?? '';
+        $role     = $_POST['role'] ?? 'user';
+
+        // Validate
+        $errors = [];
+        if (empty($username)) {
+            $errors[] = 'Username is required.';
+        }
+        if (!in_array($role, ['admin', 'user'])) {
+            $errors[] = 'Invalid role.';
+        }
+        // Check username uniqueness (exclude current user)
+        $existing = $this->userModel->findByUsername($username);
+        if ($existing && $existing['id'] != $id) {
+            $errors[] = 'Username already exists.';
+        }
+
+        if (!empty($errors)) {
+            $_SESSION['error'] = implode('<br>', $errors);
+            header('Location: index.php?page=users');
+            exit;
+        }
+
+        $pass = !empty($password) ? $password : null;
+        if ($this->userModel->update($id, $username, $role, $pass)) {
+            $_SESSION['success'] = 'User updated successfully.';
+        } else {
+            $_SESSION['error'] = 'Failed to update user.';
+        }
+        header('Location: index.php?page=users');
+        exit;
+    }
+
+    /**
+     * Delete a user
+     */
+    public function delete(int $id): void {
+        AuthController::requireAdmin();
+
+        // Prevent deleting own account
+        if ($id == $_SESSION['user_id']) {
+            $_SESSION['error'] = 'You cannot delete your own account.';
+            header('Location: index.php?page=users');
+            exit;
+        }
+
+        if ($this->userModel->delete($id)) {
+            $_SESSION['success'] = 'User deleted successfully.';
+        } else {
+            $_SESSION['error'] = 'Failed to delete user.';
+        }
+        header('Location: index.php?page=users');
+        exit;
+    }
+}
diff --git a/car-clearance-system/database/schema.sql b/car-clearance-system/database/schema.sql
new file mode 100644
index 0000000000..a9bbf60e21
--- /dev/null
+++ b/car-clearance-system/database/schema.sql
@@ -0,0 +1,39 @@
+-- Car Clearance Management System Database Schema
+-- Run this SQL file to set up the database
+
+CREATE DATABASE IF NOT EXISTS car_clearance_db CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+USE car_clearance_db;
+
+-- Users table
+CREATE TABLE IF NOT EXISTS users (
+    id INT AUTO_INCREMENT PRIMARY KEY,
+    username VARCHAR(50) NOT NULL UNIQUE,
+    password_hash VARCHAR(255) NOT NULL,
+    role ENUM('admin', 'user') NOT NULL DEFAULT 'user',
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+) ENGINE=InnoDB;
+
+-- Car clearances table
+CREATE TABLE IF NOT EXISTS car_clearances (
+    id INT AUTO_INCREMENT PRIMARY KEY,
+    clearance_date DATE NOT NULL,
+    truck_number VARCHAR(50) NOT NULL,
+    consignment VARCHAR(255) NOT NULL,
+    items TEXT,
+    truck_type ENUM('Fuso', 'Trailer', 'Canter', 'Tipper', 'Pickup', 'Other') NOT NULL,
+    amount_usd DECIMAL(12,2) DEFAULT 0.00,
+    amount_ssp DECIMAL(12,2) DEFAULT 0.00,
+    paid_in_currency ENUM('USD', 'SSP') NOT NULL,
+    cleared_by_username VARCHAR(50) NOT NULL,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    INDEX idx_clearance_date (clearance_date),
+    INDEX idx_truck_number (truck_number),
+    INDEX idx_cleared_by (cleared_by_username)
+) ENGINE=InnoDB;
+
+-- The default admin user will be auto-created by the application on first run.
+-- Username: admin, Password: admin123
+-- If you prefer to insert manually, generate a hash with:
+--   php -r "echo password_hash('admin123', PASSWORD_DEFAULT);"
+-- Then run:
+--   INSERT INTO users (username, password_hash, role) VALUES ('admin', '<hash>', 'admin');
diff --git a/car-clearance-system/models/Clearance.php b/car-clearance-system/models/Clearance.php
new file mode 100644
index 0000000000..a1b62a1171
--- /dev/null
+++ b/car-clearance-system/models/Clearance.php
@@ -0,0 +1,140 @@
+<?php
+/**
+ * Clearance Model
+ * Handles all database operations for car clearance records
+ */
+class Clearance {
+    private PDO $db;
+
+    public function __construct(PDO $db) {
+        $this->db = $db;
+    }
+
+    /**
+     * Get all clearances with optional filters
+     */
+    public function getAll(?string $dateFrom = null, ?string $dateTo = null, ?string $truckNumber = null, ?string $search = null): array {
+        $sql = "SELECT * FROM car_clearances WHERE 1=1";
+        $params = [];
+
+        if ($dateFrom) {
+            $sql .= " AND clearance_date >= :date_from";
+            $params['date_from'] = $dateFrom;
+        }
+        if ($dateTo) {
+            $sql .= " AND clearance_date <= :date_to";
+            $params['date_to'] = $dateTo;
+        }
+        if ($truckNumber) {
+            $sql .= " AND truck_number LIKE :truck_number";
+            $params['truck_number'] = "%$truckNumber%";
+        }
+        if ($search) {
+            $sql .= " AND (truck_number LIKE :search OR consignment LIKE :search2 OR items LIKE :search3)";
+            $params['search'] = "%$search%";
+            $params['search2'] = "%$search%";
+            $params['search3'] = "%$search%";
+        }
+
+        $sql .= " ORDER BY clearance_date DESC, created_at DESC";
+
+        $stmt = $this->db->prepare($sql);
+        $stmt->execute($params);
+        return $stmt->fetchAll();
+    }
+
+    /**
+     * Find clearance by ID
+     */
+    public function findById(int $id): ?array {
+        $stmt = $this->db->prepare("SELECT * FROM car_clearances WHERE id = :id");
+        $stmt->execute(['id' => $id]);
+        $record = $stmt->fetch();
+        return $record ?: null;
+    }
+
+    /**
+     * Create a new clearance record
+     */
+    public function create(array $data): bool {
+        $stmt = $this->db->prepare(
+            "INSERT INTO car_clearances
+            (clearance_date, truck_number, consignment, items, truck_type, amount_usd, amount_ssp, paid_in_currency, cleared_by_username)
+            VALUES
+            (:clearance_date, :truck_number, :consignment, :items, :truck_type, :amount_usd, :amount_ssp, :paid_in_currency, :cleared_by_username)"
+        );
+        return $stmt->execute([
+            'clearance_date'     => $data['clearance_date'],
+            'truck_number'       => $data['truck_number'],
+            'consignment'        => $data['consignment'],
+            'items'              => $data['items'] ?? '',
+            'truck_type'         => $data['truck_type'],
+            'amount_usd'         => $data['amount_usd'],
+            'amount_ssp'         => $data['amount_ssp'],
+            'paid_in_currency'   => $data['paid_in_currency'],
+            'cleared_by_username'=> $data['cleared_by_username'],
+        ]);
+    }
+
+    /**
+     * Update an existing clearance record
+     */
+    public function update(int $id, array $data): bool {
+        $stmt = $this->db->prepare(
+            "UPDATE car_clearances SET
+            clearance_date = :clearance_date,
+            truck_number = :truck_number,
+            consignment = :consignment,
+            items = :items,
+            truck_type = :truck_type,
+            amount_usd = :amount_usd,
+            amount_ssp = :amount_ssp,
+            paid_in_currency = :paid_in_currency
+            WHERE id = :id"
+        );
+        return $stmt->execute([
+            'clearance_date'   => $data['clearance_date'],
+            'truck_number'     => $data['truck_number'],
+            'consignment'      => $data['consignment'],
+            'items'            => $data['items'] ?? '',
+            'truck_type'       => $data['truck_type'],
+            'amount_usd'       => $data['amount_usd'],
+            'amount_ssp'       => $data['amount_ssp'],
+            'paid_in_currency' => $data['paid_in_currency'],
+            'id'               => $id,
+        ]);
+    }
+
+    /**
+     * Delete a clearance record
+     */
+    public function delete(int $id): bool {
+        $stmt = $this->db->prepare("DELETE FROM car_clearances WHERE id = :id");
+        return $stmt->execute(['id' => $id]);
+    }
+
+    /**
+     * Get totals for filtered records
+     */
+    public function getTotals(?string $dateFrom = null, ?string $dateTo = null, ?string $truckNumber = null): array {
+        $sql = "SELECT COALESCE(SUM(amount_usd), 0) as total_usd, COALESCE(SUM(amount_ssp), 0) as total_ssp, COUNT(*) as total_records FROM car_clearances WHERE 1=1";
+        $params = [];
+
+        if ($dateFrom) {
+            $sql .= " AND clearance_date >= :date_from";
+            $params['date_from'] = $dateFrom;
+        }
+        if ($dateTo) {
+            $sql .= " AND clearance_date <= :date_to";
+            $params['date_to'] = $dateTo;
+        }
+        if ($truckNumber) {
+            $sql .= " AND truck_number LIKE :truck_number";
+            $params['truck_number'] = "%$truckNumber%";
+        }
+
+        $stmt = $this->db->prepare($sql);
+        $stmt->execute($params);
+        return $stmt->fetch();
+    }
+}
diff --git a/car-clearance-system/models/User.php b/car-clearance-system/models/User.php
new file mode 100644
index 0000000000..27062b566e
--- /dev/null
+++ b/car-clearance-system/models/User.php
@@ -0,0 +1,88 @@
+<?php
+/**
+ * User Model
+ * Handles all database operations for users
+ */
+class User {
+    private PDO $db;
+
+    public function __construct(PDO $db) {
+        $this->db = $db;
+    }
+
+    /**
+     * Find user by username
+     */
+    public function findByUsername(string $username): ?array {
+        $stmt = $this->db->prepare("SELECT * FROM users WHERE username = :username");
+        $stmt->execute(['username' => $username]);
+        $user = $stmt->fetch();
+        return $user ?: null;
+    }
+
+    /**
+     * Find user by ID
+     */
+    public function findById(int $id): ?array {
+        $stmt = $this->db->prepare("SELECT * FROM users WHERE id = :id");
+        $stmt->execute(['id' => $id]);
+        $user = $stmt->fetch();
+        return $user ?: null;
+    }
+
+    /**
+     * Get all users
+     */
+    public function getAll(): array {
+        $stmt = $this->db->query("SELECT id, username, role, created_at FROM users ORDER BY created_at DESC");
+        return $stmt->fetchAll();
+    }
+
+    /**
+     * Create a new user
+     */
+    public function create(string $username, string $password, string $role = 'user'): bool {
+        $hash = password_hash($password, PASSWORD_DEFAULT);
+        $stmt = $this->db->prepare(
+            "INSERT INTO users (username, password_hash, role) VALUES (:username, :password_hash, :role)"
+        );
+        return $stmt->execute([
+            'username'      => $username,
+            'password_hash' => $hash,
+            'role'          => $role,
+        ]);
+    }
+
+    /**
+     * Update a user
+     */
+    public function update(int $id, string $username, string $role, ?string $password = null): bool {
+        if ($password) {
+            $hash = password_hash($password, PASSWORD_DEFAULT);
+            $stmt = $this->db->prepare(
+                "UPDATE users SET username = :username, password_hash = :hash, role = :role WHERE id = :id"
+            );
+            return $stmt->execute(['username' => $username, 'hash' => $hash, 'role' => $role, 'id' => $id]);
+        } else {
+            $stmt = $this->db->prepare(
+                "UPDATE users SET username = :username, role = :role WHERE id = :id"
+            );
+            return $stmt->execute(['username' => $username, 'role' => $role, 'id' => $id]);
+        }
+    }
+
+    /**
+     * Delete a user
+     */
+    public function delete(int $id): bool {
+        $stmt = $this->db->prepare("DELETE FROM users WHERE id = :id");
+        return $stmt->execute(['id' => $id]);
+    }
+
+    /**
+     * Verify password for a user
+     */
+    public function verifyPassword(array $user, string $password): bool {
+        return password_verify($password, $user['password_hash']);
+    }
+}
diff --git a/car-clearance-system/public/css/style.css b/car-clearance-system/public/css/style.css
new file mode 100644
index 0000000000..2cb29bf9ca
--- /dev/null
+++ b/car-clearance-system/public/css/style.css
@@ -0,0 +1,343 @@
+/* Car Clearance Management System - Custom Styles */
+
+:root {
+    --sidebar-width: 260px;
+    --primary-color: #2c3e50;
+    --secondary-color: #34495e;
+    --accent-color: #3498db;
+    --success-color: #27ae60;
+    --danger-color: #e74c3c;
+}
+
+/* Layout */
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background-color: #f8f9fa;
+}
+
+.wrapper {
+    display: flex;
+    min-height: 100vh;
+}
+
+/* Sidebar */
+.sidebar {
+    width: var(--sidebar-width);
+    background: var(--primary-color);
+    min-height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    transition: all 0.3s;
+}
+
+.sidebar .sidebar-header {
+    padding: 20px;
+    background: var(--secondary-color);
+    text-align: center;
+}
+
+.sidebar .sidebar-header h3 {
+    color: #fff;
+    margin: 0;
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+.sidebar .sidebar-header small {
+    color: #bdc3c7;
+    font-size: 0.75rem;
+}
+
+.sidebar ul.nav-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.sidebar ul.nav-list li a {
+    display: flex;
+    align-items: center;
+    padding: 14px 20px;
+    color: #ecf0f1;
+    text-decoration: none;
+    transition: all 0.2s;
+    border-left: 3px solid transparent;
+}
+
+.sidebar ul.nav-list li a:hover,
+.sidebar ul.nav-list li a.active {
+    background: var(--secondary-color);
+    border-left-color: var(--accent-color);
+    color: #fff;
+}
+
+.sidebar ul.nav-list li a i {
+    margin-right: 12px;
+    width: 20px;
+    text-align: center;
+}
+
+.sidebar .user-info {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    padding: 15px 20px;
+    background: var(--secondary-color);
+    color: #ecf0f1;
+    font-size: 0.85rem;
+}
+
+.sidebar .user-info .badge {
+    font-size: 0.7rem;
+}
+
+/* Main Content */
+.main-content {
+    margin-left: var(--sidebar-width);
+    padding: 30px;
+    width: calc(100% - var(--sidebar-width));
+    min-height: 100vh;
+}
+
+.page-header {
+    margin-bottom: 25px;
+    padding-bottom: 15px;
+    border-bottom: 2px solid #e9ecef;
+}
+
+.page-header h2 {
+    color: var(--primary-color);
+    font-weight: 600;
+    margin: 0;
+}
+
+/* Cards */
+.stat-card {
+    border: none;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
+    transition: transform 0.2s;
+}
+
+.stat-card:hover {
+    transform: translateY(-2px);
+}
+
+.stat-card .card-body {
+    padding: 20px;
+}
+
+.stat-card .stat-icon {
+    width: 50px;
+    height: 50px;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+    color: #fff;
+}
+
+.stat-card .stat-value {
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: var(--primary-color);
+}
+
+.stat-card .stat-label {
+    color: #7f8c8d;
+    font-size: 0.85rem;
+}
+
+/* Tables */
+.table-container {
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
+    padding: 20px;
+}
+
+.table th {
+    background: #f8f9fa;
+    font-weight: 600;
+    color: var(--primary-color);
+    border-top: none;
+    white-space: nowrap;
+}
+
+.table td {
+    vertical-align: middle;
+}
+
+/* Filters */
+.filter-card {
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
+    padding: 20px;
+    margin-bottom: 20px;
+}
+
+/* Login Page */
+.login-container {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
+}
+
+.login-card {
+    background: #fff;
+    border-radius: 15px;
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
+    padding: 40px;
+    width: 100%;
+    max-width: 420px;
+}
+
+.login-card h2 {
+    color: var(--primary-color);
+    font-weight: 700;
+    margin-bottom: 5px;
+}
+
+.login-card .subtitle {
+    color: #7f8c8d;
+    margin-bottom: 30px;
+}
+
+/* Modals */
+.modal-header {
+    background: var(--primary-color);
+    color: #fff;
+    border-radius: 0;
+}
+
+.modal-header .btn-close {
+    filter: invert(1);
+}
+
+/* Buttons */
+.btn-primary {
+    background: var(--accent-color);
+    border-color: var(--accent-color);
+}
+
+.btn-primary:hover {
+    background: #2980b9;
+    border-color: #2980b9;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .sidebar {
+        margin-left: -260px;
+    }
+
+    .sidebar.active {
+        margin-left: 0;
+    }
+
+    .main-content {
+        margin-left: 0;
+        width: 100%;
+    }
+
+    .main-content.active {
+        margin-left: var(--sidebar-width);
+    }
+}
+
+/* Print Styles */
+@media print {
+    .sidebar,
+    .no-print,
+    .filter-card,
+    .btn,
+    nav,
+    .alert {
+        display: none !important;
+    }
+
+    .main-content {
+        margin-left: 0 !important;
+        width: 100% !important;
+        padding: 0 !important;
+    }
+
+    .table-container {
+        box-shadow: none !important;
+        padding: 0 !important;
+    }
+
+    .print-header {
+        display: block !important;
+        text-align: center;
+        margin-bottom: 20px;
+        padding-bottom: 10px;
+        border-bottom: 2px solid #333;
+    }
+
+    .print-header h1 {
+        font-size: 1.5rem;
+        margin-bottom: 5px;
+    }
+
+    .print-footer {
+        display: block !important;
+        margin-top: 30px;
+        padding-top: 10px;
+        border-top: 1px solid #333;
+        font-size: 0.8rem;
+    }
+
+    table {
+        font-size: 0.8rem;
+    }
+
+    .stat-card {
+        box-shadow: none !important;
+        border: 1px solid #ddd;
+    }
+}
+
+.print-header,
+.print-footer {
+    display: none;
+}
+
+/* Toast/Alert animations */
+.alert {
+    animation: slideIn 0.3s ease-out;
+}
+
+@keyframes slideIn {
+    from {
+        transform: translateY(-10px);
+        opacity: 0;
+    }
+    to {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
+
+/* Badge styles for truck types */
+.badge-truck {
+    font-size: 0.75rem;
+    padding: 5px 10px;
+}
+
+/* Amount styling */
+.amount-usd {
+    color: #27ae60;
+    font-weight: 600;
+}
+
+.amount-ssp {
+    color: #2980b9;
+    font-weight: 600;
+}
diff --git a/car-clearance-system/public/index.php b/car-clearance-system/public/index.php
new file mode 100644
index 0000000000..d8bdadec33
--- /dev/null
+++ b/car-clearance-system/public/index.php
@@ -0,0 +1,110 @@
+<?php
+/**
+ * Car Clearance Management System - Main Entry Point
+ * Routes all requests to appropriate controllers
+ */
+
+session_start();
+
+// Load configuration and models
+require_once __DIR__ . '/../config/database.php';
+require_once __DIR__ . '/../models/User.php';
+require_once __DIR__ . '/../models/Clearance.php';
+require_once __DIR__ . '/../controllers/AuthController.php';
+require_once __DIR__ . '/../controllers/ClearanceController.php';
+require_once __DIR__ . '/../controllers/UserController.php';
+require_once __DIR__ . '/../controllers/ReportController.php';
+
+// Get database connection
+$db = getDB();
+
+// Auto-create admin user if not exists
+$userModel = new User($db);
+if (!$userModel->findByUsername('admin')) {
+    $userModel->create('admin', 'admin123', 'admin');
+}
+
+// Initialize controllers
+$authController      = new AuthController($db);
+$clearanceController = new ClearanceController($db);
+$userController      = new UserController($db);
+$reportController    = new ReportController($db);
+
+// Route handling
+$page   = $_GET['page'] ?? 'login';
+$action = $_GET['action'] ?? 'index';
+$id     = isset($_GET['id']) ? intval($_GET['id']) : 0;
+
+switch ($page) {
+    case 'login':
+        if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+            $authController->login();
+        } else {
+            $authController->showLogin();
+        }
+        break;
+
+    case 'logout':
+        $authController->logout();
+        break;
+
+    case 'dashboard':
+        $clearanceController->index();
+        break;
+
+    case 'clearances':
+        switch ($action) {
+            case 'create':
+                $clearanceController->create();
+                break;
+            case 'store':
+                $clearanceController->store();
+                break;
+            case 'edit':
+                $clearanceController->edit($id);
+                break;
+            case 'update':
+                $clearanceController->update($id);
+                break;
+            case 'delete':
+                $clearanceController->delete($id);
+                break;
+            default:
+                $clearanceController->index();
+        }
+        break;
+
+    case 'users':
+        switch ($action) {
+            case 'store':
+                $userController->store();
+                break;
+            case 'update':
+                $userController->update($id);
+                break;
+            case 'delete':
+                $userController->delete($id);
+                break;
+            default:
+                $userController->index();
+        }
+        break;
+
+    case 'reports':
+        switch ($action) {
+            case 'print':
+                $reportController->printReport();
+                break;
+            default:
+                $reportController->index();
+        }
+        break;
+
+    default:
+        if (AuthController::isLoggedIn()) {
+            header('Location: index.php?page=dashboard');
+        } else {
+            header('Location: index.php?page=login');
+        }
+        exit;
+}
diff --git a/car-clearance-system/public/js/app.js b/car-clearance-system/public/js/app.js
new file mode 100644
index 0000000000..698626e710
--- /dev/null
+++ b/car-clearance-system/public/js/app.js
@@ -0,0 +1,162 @@
+/**
+ * Car Clearance Management System - Client-side JavaScript
+ */
+
+document.addEventListener('DOMContentLoaded', function () {
+    // Auto-dismiss alerts after 5 seconds
+    const alerts = document.querySelectorAll('.alert-dismissible');
+    alerts.forEach(function (alert) {
+        setTimeout(function () {
+            const bsAlert = new bootstrap.Alert(alert);
+            bsAlert.close();
+        }, 5000);
+    });
+
+    // Currency toggle logic
+    const paidInRadios = document.querySelectorAll('input[name="paid_in_currency"]');
+    const usdField = document.getElementById('amount_usd');
+    const sspField = document.getElementById('amount_ssp');
+
+    if (paidInRadios.length > 0) {
+        paidInRadios.forEach(function (radio) {
+            radio.addEventListener('change', function () {
+                toggleCurrencyFields(this.value);
+            });
+        });
+
+        // Initialize on page load
+        const checkedRadio = document.querySelector('input[name="paid_in_currency"]:checked');
+        if (checkedRadio) {
+            toggleCurrencyFields(checkedRadio.value);
+        }
+    }
+
+    function toggleCurrencyFields(currency) {
+        if (currency === 'USD') {
+            if (usdField) {
+                usdField.disabled = false;
+                usdField.required = true;
+                usdField.closest('.mb-3').style.opacity = '1';
+            }
+            if (sspField) {
+                sspField.disabled = true;
+                sspField.required = false;
+                sspField.value = '0';
+                sspField.closest('.mb-3').style.opacity = '0.5';
+            }
+        } else if (currency === 'SSP') {
+            if (sspField) {
+                sspField.disabled = false;
+                sspField.required = true;
+                sspField.closest('.mb-3').style.opacity = '1';
+            }
+            if (usdField) {
+                usdField.disabled = true;
+                usdField.required = false;
+                usdField.value = '0';
+                usdField.closest('.mb-3').style.opacity = '0.5';
+            }
+        }
+    }
+
+    // Search functionality for tables
+    const searchInput = document.getElementById('tableSearch');
+    if (searchInput) {
+        searchInput.addEventListener('keyup', function () {
+            const filter = this.value.toLowerCase();
+            const table = document.getElementById('dataTable');
+            if (!table) return;
+
+            const rows = table.querySelectorAll('tbody tr');
+            rows.forEach(function (row) {
+                const text = row.textContent.toLowerCase();
+                row.style.display = text.includes(filter) ? '' : 'none';
+            });
+        });
+    }
+
+    // Table sorting
+    const sortableHeaders = document.querySelectorAll('th[data-sort]');
+    sortableHeaders.forEach(function (header) {
+        header.style.cursor = 'pointer';
+        header.addEventListener('click', function () {
+            const table = this.closest('table');
+            const tbody = table.querySelector('tbody');
+            const rows = Array.from(tbody.querySelectorAll('tr'));
+            const column = this.dataset.sort;
+            const colIndex = Array.from(this.parentNode.children).indexOf(this);
+            const isAsc = this.classList.contains('sort-asc');
+
+            // Remove sort classes from all headers
+            sortableHeaders.forEach(function (h) {
+                h.classList.remove('sort-asc', 'sort-desc');
+            });
+
+            rows.sort(function (a, b) {
+                const aVal = a.children[colIndex]?.textContent.trim() || '';
+                const bVal = b.children[colIndex]?.textContent.trim() || '';
+
+                if (column === 'number') {
+                    return isAsc
+                        ? parseFloat(bVal) - parseFloat(aVal)
+                        : parseFloat(aVal) - parseFloat(bVal);
+                }
+                return isAsc
+                    ? bVal.localeCompare(aVal)
+                    : aVal.localeCompare(bVal);
+            });
+
+            this.classList.add(isAsc ? 'sort-desc' : 'sort-asc');
+            rows.forEach(function (row) {
+                tbody.appendChild(row);
+            });
+        });
+    });
+
+    // Confirm delete
+    const deleteButtons = document.querySelectorAll('.btn-delete');
+    deleteButtons.forEach(function (btn) {
+        btn.addEventListener('click', function (e) {
+            if (!confirm('Are you sure you want to delete this record? This action cannot be undone.')) {
+                e.preventDefault();
+            }
+        });
+    });
+
+    // Mobile sidebar toggle
+    const sidebarToggle = document.getElementById('sidebarToggle');
+    if (sidebarToggle) {
+        sidebarToggle.addEventListener('click', function () {
+            document.querySelector('.sidebar').classList.toggle('active');
+            document.querySelector('.main-content').classList.toggle('active');
+        });
+    }
+
+    // Form validation
+    const forms = document.querySelectorAll('.needs-validation');
+    forms.forEach(function (form) {
+        form.addEventListener('submit', function (event) {
+            if (!form.checkValidity()) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            form.classList.add('was-validated');
+        });
+    });
+
+    // Re-enable disabled fields before form submit (for currency fields)
+    const clearanceForm = document.getElementById('clearanceForm');
+    if (clearanceForm) {
+        clearanceForm.addEventListener('submit', function () {
+            if (usdField) usdField.disabled = false;
+            if (sspField) sspField.disabled = false;
+        });
+    }
+});
+
+/**
+ * Print report function
+ */
+function printReport() {
+    window.print();
+}
diff --git a/car-clearance-system/views/auth/login.php b/car-clearance-system/views/auth/login.php
new file mode 100644
index 0000000000..92ce3d7207
--- /dev/null
+++ b/car-clearance-system/views/auth/login.php
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login - Car Clearance Management System</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
+    <link href="css/style.css" rel="stylesheet">
+</head>
+<body>
+<div class="login-container">
+    <div class="login-card">
+        <div class="text-center mb-4">
+            <i class="bi bi-truck" style="font-size: 3rem; color: #2c3e50;"></i>
+            <h2>Car Clearance</h2>
+            <p class="subtitle">Management System - Login</p>
+        </div>
+
+        <?php if (!empty($_SESSION['error'])): ?>
+            <div class="alert alert-danger alert-dismissible fade show" role="alert">
+                <?= $_SESSION['error']; unset($_SESSION['error']); ?>
+                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+            </div>
+        <?php endif; ?>
+
+        <?php if (!empty($_SESSION['success'])): ?>
+            <div class="alert alert-success alert-dismissible fade show" role="alert">
+                <?= $_SESSION['success']; unset($_SESSION['success']); ?>
+                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+            </div>
+        <?php endif; ?>
+
+        <form method="POST" action="index.php?page=login" class="needs-validation" novalidate>
+            <div class="mb-3">
+                <label for="username" class="form-label">Username</label>
+                <div class="input-group">
+                    <span class="input-group-text"><i class="bi bi-person"></i></span>
+                    <input type="text" class="form-control" id="username" name="username"
+                           placeholder="Enter username" required autofocus>
+                </div>
+                <div class="invalid-feedback">Please enter your username.</div>
+            </div>
+
+            <div class="mb-4">
+                <label for="password" class="form-label">Password</label>
+                <div class="input-group">
+                    <span class="input-group-text"><i class="bi bi-lock"></i></span>
+                    <input type="password" class="form-control" id="password" name="password"
+                           placeholder="Enter password" required>
+                </div>
+                <div class="invalid-feedback">Please enter your password.</div>
+            </div>
+
+            <button type="submit" class="btn btn-primary w-100 py-2">
+                <i class="bi bi-box-arrow-in-right"></i> Sign In
+            </button>
+        </form>
+
+        <div class="text-center mt-3">
+            <small class="text-muted">Default: admin / admin123</small>
+        </div>
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+<script src="js/app.js"></script>
+</body>
+</html>
diff --git a/car-clearance-system/views/clearances/form.php b/car-clearance-system/views/clearances/form.php
new file mode 100644
index 0000000000..3713beb451
--- /dev/null
+++ b/car-clearance-system/views/clearances/form.php
@@ -0,0 +1,157 @@
+<?php include __DIR__ . '/../layouts/header.php'; ?>
+<?php include __DIR__ . '/../layouts/sidebar.php'; ?>
+
+<?php
+$isEdit = !empty($record);
+$title = $isEdit ? 'Edit Clearance Record' : 'New Clearance Record';
+$actionUrl = $isEdit
+    ? 'index.php?page=clearances&action=update&id=' . $record['id']
+    : 'index.php?page=clearances&action=store';
+
+// Get old input (after validation errors)
+$old = $_SESSION['old_input'] ?? [];
+unset($_SESSION['old_input']);
+
+// Merge record data with old input (old takes priority)
+$data = array_merge($record ?? [], $old);
+?>
+
+<!-- Main Content -->
+<div class="main-content">
+    <button class="btn btn-dark d-md-none mb-3" id="sidebarToggle">
+        <i class="bi bi-list"></i>
+    </button>
+
+    <div class="page-header">
+        <h2><i class="bi bi-<?= $isEdit ? 'pencil' : 'plus-circle' ?>"></i> <?= $title ?></h2>
+    </div>
+
+    <?php if (!empty($_SESSION['error'])): ?>
+        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+            <?= $_SESSION['error']; unset($_SESSION['error']); ?>
+            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+        </div>
+    <?php endif; ?>
+
+    <div class="table-container">
+        <form method="POST" action="<?= $actionUrl ?>" id="clearanceForm" class="needs-validation" novalidate>
+            <div class="row">
+                <!-- Date -->
+                <div class="col-md-6 mb-3">
+                    <label for="clearance_date" class="form-label">Date <span class="text-danger">*</span></label>
+                    <input type="date" class="form-control" id="clearance_date" name="clearance_date"
+                           value="<?= htmlspecialchars($data['clearance_date'] ?? date('Y-m-d')) ?>" required>
+                    <div class="invalid-feedback">Date is required.</div>
+                </div>
+
+                <!-- Truck Number -->
+                <div class="col-md-6 mb-3">
+                    <label for="truck_number" class="form-label">Truck Number <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" id="truck_number" name="truck_number"
+                           value="<?= htmlspecialchars($data['truck_number'] ?? '') ?>"
+                           placeholder="e.g., SSD 123A" required>
+                    <div class="invalid-feedback">Truck number is required.</div>
+                </div>
+
+                <!-- Consignment -->
+                <div class="col-md-6 mb-3">
+                    <label for="consignment" class="form-label">Consignment <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" id="consignment" name="consignment"
+                           value="<?= htmlspecialchars($data['consignment'] ?? '') ?>"
+                           placeholder="Consignment details" required>
+                    <div class="invalid-feedback">Consignment is required.</div>
+                </div>
+
+                <!-- Truck Type -->
+                <div class="col-md-6 mb-3">
+                    <label for="truck_type" class="form-label">Type of Truck <span class="text-danger">*</span></label>
+                    <select class="form-select" id="truck_type" name="truck_type" required>
+                        <option value="">-- Select Type --</option>
+                        <?php
+                        $types = ['Fuso', 'Trailer', 'Canter', 'Tipper', 'Pickup', 'Other'];
+                        foreach ($types as $type):
+                        ?>
+                        <option value="<?= $type ?>" <?= ($data['truck_type'] ?? '') === $type ? 'selected' : '' ?>>
+                            <?= $type ?>
+                        </option>
+                        <?php endforeach; ?>
+                    </select>
+                    <div class="invalid-feedback">Please select a truck type.</div>
+                </div>
+
+                <!-- Items -->
+                <div class="col-12 mb-3">
+                    <label for="items" class="form-label">Items</label>
+                    <textarea class="form-control" id="items" name="items" rows="3"
+                              placeholder="List items being transported..."><?= htmlspecialchars($data['items'] ?? '') ?></textarea>
+                </div>
+
+                <!-- Payment Currency -->
+                <div class="col-12 mb-3">
+                    <label class="form-label">Paid In <span class="text-danger">*</span></label>
+                    <div>
+                        <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="radio" name="paid_in_currency"
+                                   id="paid_usd" value="USD"
+                                   <?= ($data['paid_in_currency'] ?? 'USD') === 'USD' ? 'checked' : '' ?>>
+                            <label class="form-check-label" for="paid_usd">
+                                <i class="bi bi-currency-dollar"></i> USD
+                            </label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="radio" name="paid_in_currency"
+                                   id="paid_ssp" value="SSP"
+                                   <?= ($data['paid_in_currency'] ?? '') === 'SSP' ? 'checked' : '' ?>>
+                            <label class="form-check-label" for="paid_ssp">
+                                <i class="bi bi-cash"></i> SSP
+                            </label>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Amount USD -->
+                <div class="col-md-6 mb-3">
+                    <label for="amount_usd" class="form-label">Amount (USD)</label>
+                    <div class="input-group">
+                        <span class="input-group-text">$</span>
+                        <input type="number" class="form-control" id="amount_usd" name="amount_usd"
+                               step="0.01" min="0"
+                               value="<?= htmlspecialchars($data['amount_usd'] ?? '0') ?>"
+                               placeholder="0.00">
+                    </div>
+                </div>
+
+                <!-- Amount SSP -->
+                <div class="col-md-6 mb-3">
+                    <label for="amount_ssp" class="form-label">Amount (SSP)</label>
+                    <div class="input-group">
+                        <span class="input-group-text">SSP</span>
+                        <input type="number" class="form-control" id="amount_ssp" name="amount_ssp"
+                               step="0.01" min="0"
+                               value="<?= htmlspecialchars($data['amount_ssp'] ?? '0') ?>"
+                               placeholder="0.00">
+                    </div>
+                </div>
+
+                <!-- Cleared By (read-only) -->
+                <div class="col-md-6 mb-3">
+                    <label class="form-label">Cleared By</label>
+                    <input type="text" class="form-control" value="<?= htmlspecialchars($_SESSION['username']) ?>" readonly disabled>
+                </div>
+            </div>
+
+            <hr>
+
+            <div class="d-flex gap-2">
+                <button type="submit" class="btn btn-primary">
+                    <i class="bi bi-check-circle"></i> <?= $isEdit ? 'Update Record' : 'Save Record' ?>
+                </button>
+                <a href="index.php?page=dashboard" class="btn btn-secondary">
+                    <i class="bi bi-arrow-left"></i> Cancel
+                </a>
+            </div>
+        </form>
+    </div>
+</div>
+
+<?php include __DIR__ . '/../layouts/footer.php'; ?>
diff --git a/car-clearance-system/views/dashboard/index.php b/car-clearance-system/views/dashboard/index.php
new file mode 100644
index 0000000000..485f7d1fe1
--- /dev/null
+++ b/car-clearance-system/views/dashboard/index.php
@@ -0,0 +1,167 @@
+<?php include __DIR__ . '/../layouts/header.php'; ?>
+<?php include __DIR__ . '/../layouts/sidebar.php'; ?>
+
+<!-- Main Content -->
+<div class="main-content">
+    <!-- Mobile toggle -->
+    <button class="btn btn-dark d-md-none mb-3 no-print" id="sidebarToggle">
+        <i class="bi bi-list"></i>
+    </button>
+
+    <div class="page-header d-flex justify-content-between align-items-center">
+        <h2><i class="bi bi-speedometer2"></i> Dashboard</h2>
+        <a href="index.php?page=clearances&action=create" class="btn btn-primary no-print">
+            <i class="bi bi-plus-circle"></i> New Clearance
+        </a>
+    </div>
+
+    <?php if (!empty($_SESSION['success'])): ?>
+        <div class="alert alert-success alert-dismissible fade show" role="alert">
+            <?= $_SESSION['success']; unset($_SESSION['success']); ?>
+            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+        </div>
+    <?php endif; ?>
+
+    <?php if (!empty($_SESSION['error'])): ?>
+        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+            <?= $_SESSION['error']; unset($_SESSION['error']); ?>
+            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+        </div>
+    <?php endif; ?>
+
+    <!-- Summary Cards -->
+    <div class="row mb-4">
+        <div class="col-md-4 mb-3">
+            <div class="card stat-card">
+                <div class="card-body d-flex align-items-center">
+                    <div class="stat-icon bg-primary me-3">
+                        <i class="bi bi-file-text"></i>
+                    </div>
+                    <div>
+                        <div class="stat-value"><?= $totals['total_records'] ?? 0 ?></div>
+                        <div class="stat-label">Total Records</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 mb-3">
+            <div class="card stat-card">
+                <div class="card-body d-flex align-items-center">
+                    <div class="stat-icon bg-success me-3">
+                        <i class="bi bi-currency-dollar"></i>
+                    </div>
+                    <div>
+                        <div class="stat-value">$<?= number_format($totals['total_usd'] ?? 0, 2) ?></div>
+                        <div class="stat-label">Total USD</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 mb-3">
+            <div class="card stat-card">
+                <div class="card-body d-flex align-items-center">
+                    <div class="stat-icon bg-info me-3">
+                        <i class="bi bi-cash"></i>
+                    </div>
+                    <div>
+                        <div class="stat-value"><?= number_format($totals['total_ssp'] ?? 0, 2) ?> SSP</div>
+                        <div class="stat-label">Total SSP</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Filters -->
+    <div class="filter-card no-print">
+        <form method="GET" class="row g-3 align-items-end">
+            <input type="hidden" name="page" value="dashboard">
+            <div class="col-md-3">
+                <label for="date_from" class="form-label">From Date</label>
+                <input type="date" class="form-control" id="date_from" name="date_from"
+                       value="<?= htmlspecialchars($dateFrom ?? '') ?>">
+            </div>
+            <div class="col-md-3">
+                <label for="date_to" class="form-label">To Date</label>
+                <input type="date" class="form-control" id="date_to" name="date_to"
+                       value="<?= htmlspecialchars($dateTo ?? '') ?>">
+            </div>
+            <div class="col-md-3">
+                <label for="truck_number" class="form-label">Truck Number</label>
+                <input type="text" class="form-control" id="truck_number" name="truck_number"
+                       placeholder="Search truck..." value="<?= htmlspecialchars($truckNumber ?? '') ?>">
+            </div>
+            <div class="col-md-3">
+                <button type="submit" class="btn btn-primary me-2">
+                    <i class="bi bi-search"></i> Filter
+                </button>
+                <a href="index.php?page=dashboard" class="btn btn-secondary">
+                    <i class="bi bi-x-circle"></i> Clear
+                </a>
+            </div>
+        </form>
+    </div>
+
+    <!-- Quick Search -->
+    <div class="mb-3 no-print">
+        <input type="text" id="tableSearch" class="form-control" placeholder="Quick search in table...">
+    </div>
+
+    <!-- Records Table -->
+    <div class="table-container">
+        <div class="table-responsive">
+            <table class="table table-hover" id="dataTable">
+                <thead>
+                    <tr>
+                        <th data-sort="text">#</th>
+                        <th data-sort="text">Date</th>
+                        <th data-sort="text">Truck No.</th>
+                        <th data-sort="text">Consignment</th>
+                        <th data-sort="text">Truck Type</th>
+                        <th data-sort="number">USD</th>
+                        <th data-sort="number">SSP</th>
+                        <th data-sort="text">Cleared By</th>
+                        <?php if (AuthController::isAdmin()): ?>
+                        <th class="no-print">Actions</th>
+                        <?php endif; ?>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php if (empty($records)): ?>
+                    <tr>
+                        <td colspan="<?= AuthController::isAdmin() ? 9 : 8 ?>" class="text-center text-muted py-4">
+                            <i class="bi bi-inbox" style="font-size: 2rem;"></i>
+                            <p class="mt-2 mb-0">No records found.</p>
+                        </td>
+                    </tr>
+                    <?php else: ?>
+                    <?php foreach ($records as $i => $r): ?>
+                    <tr>
+                        <td><?= $i + 1 ?></td>
+                        <td><?= htmlspecialchars($r['clearance_date']) ?></td>
+                        <td><strong><?= htmlspecialchars($r['truck_number']) ?></strong></td>
+                        <td><?= htmlspecialchars($r['consignment']) ?></td>
+                        <td><span class="badge bg-secondary badge-truck"><?= htmlspecialchars($r['truck_type']) ?></span></td>
+                        <td class="amount-usd"><?= $r['amount_usd'] > 0 ? '$' . number_format($r['amount_usd'], 2) : '-' ?></td>
+                        <td class="amount-ssp"><?= $r['amount_ssp'] > 0 ? number_format($r['amount_ssp'], 2) . ' SSP' : '-' ?></td>
+                        <td><?= htmlspecialchars($r['cleared_by_username']) ?></td>
+                        <?php if (AuthController::isAdmin()): ?>
+                        <td class="no-print">
+                            <a href="index.php?page=clearances&action=edit&id=<?= $r['id'] ?>" class="btn btn-sm btn-outline-primary" title="Edit">
+                                <i class="bi bi-pencil"></i>
+                            </a>
+                            <a href="index.php?page=clearances&action=delete&id=<?= $r['id'] ?>" class="btn btn-sm btn-outline-danger btn-delete" title="Delete">
+                                <i class="bi bi-trash"></i>
+                            </a>
+                        </td>
+                        <?php endif; ?>
+                    </tr>
+                    <?php endforeach; ?>
+                    <?php endif; ?>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<?php include __DIR__ . '/../layouts/footer.php'; ?>
diff --git a/car-clearance-system/views/layouts/footer.php b/car-clearance-system/views/layouts/footer.php
new file mode 100644
index 0000000000..fbb4e2a202
--- /dev/null
+++ b/car-clearance-system/views/layouts/footer.php
@@ -0,0 +1,8 @@
+</div> <!-- /.wrapper -->
+
+<!-- Bootstrap 5 JS Bundle -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+<!-- Custom JS -->
+<script src="js/app.js"></script>
+</body>
+</html>
diff --git a/car-clearance-system/views/layouts/header.php b/car-clearance-system/views/layouts/header.php
new file mode 100644
index 0000000000..2b95345c15
--- /dev/null
+++ b/car-clearance-system/views/layouts/header.php
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Car Clearance Management System</title>
+    <!-- Bootstrap 5 CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Bootstrap Icons -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
+    <!-- Custom CSS -->
+    <link href="css/style.css" rel="stylesheet">
+</head>
+<body>
+<div class="wrapper">
diff --git a/car-clearance-system/views/layouts/sidebar.php b/car-clearance-system/views/layouts/sidebar.php
new file mode 100644
index 0000000000..a167796aab
--- /dev/null
+++ b/car-clearance-system/views/layouts/sidebar.php
@@ -0,0 +1,43 @@
+<!-- Sidebar Navigation -->
+<nav class="sidebar">
+    <div class="sidebar-header">
+        <h3><i class="bi bi-truck"></i> Car Clearance</h3>
+        <small>Management System</small>
+    </div>
+    <ul class="nav-list">
+        <li>
+            <a href="index.php?page=dashboard" class="<?= ($page ?? '') === 'dashboard' ? 'active' : '' ?>">
+                <i class="bi bi-speedometer2"></i> Dashboard
+            </a>
+        </li>
+        <li>
+            <a href="index.php?page=clearances&action=create" class="<?= ($page ?? '') === 'clearances' && ($action ?? '') === 'create' ? 'active' : '' ?>">
+                <i class="bi bi-plus-circle"></i> New Clearance
+            </a>
+        </li>
+        <li>
+            <a href="index.php?page=reports" class="<?= ($page ?? '') === 'reports' ? 'active' : '' ?>">
+                <i class="bi bi-file-earmark-bar-graph"></i> Reports
+            </a>
+        </li>
+        <?php if (AuthController::isAdmin()): ?>
+        <li>
+            <a href="index.php?page=users" class="<?= ($page ?? '') === 'users' ? 'active' : '' ?>">
+                <i class="bi bi-people"></i> Manage Users
+            </a>
+        </li>
+        <?php endif; ?>
+        <li>
+            <a href="index.php?page=logout">
+                <i class="bi bi-box-arrow-right"></i> Logout
+            </a>
+        </li>
+    </ul>
+    <div class="user-info">
+        <i class="bi bi-person-circle"></i>
+        <?= htmlspecialchars($_SESSION['username'] ?? '') ?>
+        <span class="badge bg-<?= ($_SESSION['role'] ?? '') === 'admin' ? 'danger' : 'info' ?> ms-2">
+            <?= ucfirst($_SESSION['role'] ?? '') ?>
+        </span>
+    </div>
+</nav>
diff --git a/car-clearance-system/views/reports/index.php b/car-clearance-system/views/reports/index.php
new file mode 100644
index 0000000000..a444fbb079
--- /dev/null
+++ b/car-clearance-system/views/reports/index.php
@@ -0,0 +1,155 @@
+<?php include __DIR__ . '/../layouts/header.php'; ?>
+<?php include __DIR__ . '/../layouts/sidebar.php'; ?>
+
+<!-- Main Content -->
+<div class="main-content">
+    <button class="btn btn-dark d-md-none mb-3" id="sidebarToggle">
+        <i class="bi bi-list"></i>
+    </button>
+
+    <div class="page-header d-flex justify-content-between align-items-center">
+        <h2><i class="bi bi-file-earmark-bar-graph"></i> Reports</h2>
+        <a href="index.php?page=reports&action=print&date_from=<?= urlencode($dateFrom ?? '') ?>&date_to=<?= urlencode($dateTo ?? '') ?>&truck_number=<?= urlencode($truckNumber ?? '') ?>"
+           class="btn btn-success no-print" target="_blank">
+            <i class="bi bi-printer"></i> Print Report
+        </a>
+    </div>
+
+    <?php if (!empty($_SESSION['error'])): ?>
+        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+            <?= $_SESSION['error']; unset($_SESSION['error']); ?>
+            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+        </div>
+    <?php endif; ?>
+
+    <!-- Filters -->
+    <div class="filter-card no-print">
+        <h5 class="mb-3"><i class="bi bi-funnel"></i> Report Filters</h5>
+        <form method="GET" class="row g-3 align-items-end">
+            <input type="hidden" name="page" value="reports">
+            <div class="col-md-3">
+                <label for="date_from" class="form-label">From Date</label>
+                <input type="date" class="form-control" id="date_from" name="date_from"
+                       value="<?= htmlspecialchars($dateFrom ?? '') ?>">
+            </div>
+            <div class="col-md-3">
+                <label for="date_to" class="form-label">To Date</label>
+                <input type="date" class="form-control" id="date_to" name="date_to"
+                       value="<?= htmlspecialchars($dateTo ?? '') ?>">
+            </div>
+            <div class="col-md-3">
+                <label for="truck_number" class="form-label">Truck Number</label>
+                <input type="text" class="form-control" id="truck_number" name="truck_number"
+                       placeholder="Filter by truck..." value="<?= htmlspecialchars($truckNumber ?? '') ?>">
+            </div>
+            <div class="col-md-3">
+                <button type="submit" class="btn btn-primary me-2">
+                    <i class="bi bi-search"></i> Generate
+                </button>
+                <a href="index.php?page=reports" class="btn btn-secondary">
+                    <i class="bi bi-x-circle"></i> Clear
+                </a>
+            </div>
+        </form>
+    </div>
+
+    <!-- Summary Cards -->
+    <div class="row mb-4">
+        <div class="col-md-4 mb-3">
+            <div class="card stat-card">
+                <div class="card-body d-flex align-items-center">
+                    <div class="stat-icon bg-primary me-3">
+                        <i class="bi bi-file-text"></i>
+                    </div>
+                    <div>
+                        <div class="stat-value"><?= $totals['total_records'] ?? 0 ?></div>
+                        <div class="stat-label">Total Records</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 mb-3">
+            <div class="card stat-card">
+                <div class="card-body d-flex align-items-center">
+                    <div class="stat-icon bg-success me-3">
+                        <i class="bi bi-currency-dollar"></i>
+                    </div>
+                    <div>
+                        <div class="stat-value">$<?= number_format($totals['total_usd'] ?? 0, 2) ?></div>
+                        <div class="stat-label">Total USD Collected</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 mb-3">
+            <div class="card stat-card">
+                <div class="card-body d-flex align-items-center">
+                    <div class="stat-icon bg-info me-3">
+                        <i class="bi bi-cash"></i>
+                    </div>
+                    <div>
+                        <div class="stat-value"><?= number_format($totals['total_ssp'] ?? 0, 2) ?> SSP</div>
+                        <div class="stat-label">Total SSP Collected</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Report Table -->
+    <div class="table-container">
+        <div class="table-responsive">
+            <table class="table table-hover table-striped" id="dataTable">
+                <thead>
+                    <tr>
+                        <th>#</th>
+                        <th>Date</th>
+                        <th>Truck No.</th>
+                        <th>Consignment</th>
+                        <th>Items</th>
+                        <th>Truck Type</th>
+                        <th>USD</th>
+                        <th>SSP</th>
+                        <th>Cleared By</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php if (empty($records)): ?>
+                    <tr>
+                        <td colspan="9" class="text-center text-muted py-4">
+                            <i class="bi bi-inbox" style="font-size: 2rem;"></i>
+                            <p class="mt-2 mb-0">No records found. Adjust your filters.</p>
+                        </td>
+                    </tr>
+                    <?php else: ?>
+                    <?php foreach ($records as $i => $r): ?>
+                    <tr>
+                        <td><?= $i + 1 ?></td>
+                        <td><?= htmlspecialchars($r['clearance_date']) ?></td>
+                        <td><strong><?= htmlspecialchars($r['truck_number']) ?></strong></td>
+                        <td><?= htmlspecialchars($r['consignment']) ?></td>
+                        <td><?= htmlspecialchars(mb_strimwidth($r['items'], 0, 50, '...')) ?></td>
+                        <td><span class="badge bg-secondary"><?= htmlspecialchars($r['truck_type']) ?></span></td>
+                        <td class="amount-usd"><?= $r['amount_usd'] > 0 ? '$' . number_format($r['amount_usd'], 2) : '-' ?></td>
+                        <td class="amount-ssp"><?= $r['amount_ssp'] > 0 ? number_format($r['amount_ssp'], 2) . ' SSP' : '-' ?></td>
+                        <td><?= htmlspecialchars($r['cleared_by_username']) ?></td>
+                    </tr>
+                    <?php endforeach; ?>
+                    <?php endif; ?>
+                </tbody>
+                <?php if (!empty($records)): ?>
+                <tfoot>
+                    <tr class="table-dark">
+                        <td colspan="6" class="text-end"><strong>TOTALS:</strong></td>
+                        <td class="amount-usd"><strong>$<?= number_format($totals['total_usd'], 2) ?></strong></td>
+                        <td class="amount-ssp"><strong><?= number_format($totals['total_ssp'], 2) ?> SSP</strong></td>
+                        <td></td>
+                    </tr>
+                </tfoot>
+                <?php endif; ?>
+            </table>
+        </div>
+    </div>
+</div>
+
+<?php include __DIR__ . '/../layouts/footer.php'; ?>
diff --git a/car-clearance-system/views/reports/print.php b/car-clearance-system/views/reports/print.php
new file mode 100644
index 0000000000..ad22bd5369
--- /dev/null
+++ b/car-clearance-system/views/reports/print.php
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Print Report - Car Clearance Management System</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            font-size: 12px;
+            padding: 20px;
+        }
+        .print-header {
+            text-align: center;
+            margin-bottom: 30px;
+            padding-bottom: 15px;
+            border-bottom: 3px solid #333;
+        }
+        .print-header h1 {
+            font-size: 1.8rem;
+            font-weight: 700;
+            margin-bottom: 5px;
+            color: #2c3e50;
+        }
+        .print-header p {
+            margin: 2px 0;
+            color: #555;
+        }
+        .filters-applied {
+            margin-bottom: 20px;
+            padding: 10px;
+            background: #f8f9fa;
+            border-radius: 5px;
+            font-size: 0.85rem;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 11px;
+        }
+        th, td {
+            border: 1px solid #ddd;
+            padding: 6px 8px;
+            text-align: left;
+        }
+        th {
+            background: #2c3e50;
+            color: #fff;
+            font-weight: 600;
+        }
+        tbody tr:nth-child(even) {
+            background: #f8f9fa;
+        }
+        .totals-row {
+            background: #2c3e50 !important;
+            color: #fff;
+            font-weight: 700;
+        }
+        .print-footer {
+            margin-top: 30px;
+            padding-top: 15px;
+            border-top: 2px solid #333;
+            display: flex;
+            justify-content: space-between;
+            font-size: 0.8rem;
+            color: #666;
+        }
+        .summary-cards {
+            display: flex;
+            gap: 20px;
+            margin-bottom: 20px;
+        }
+        .summary-card {
+            flex: 1;
+            padding: 10px 15px;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+            text-align: center;
+        }
+        .summary-card .value {
+            font-size: 1.2rem;
+            font-weight: 700;
+            color: #2c3e50;
+        }
+        .summary-card .label {
+            font-size: 0.75rem;
+            color: #666;
+        }
+        .no-print { display: none; }
+
+        @media print {
+            .no-print { display: none !important; }
+            body { padding: 0; }
+        }
+
+        @media screen {
+            .print-actions {
+                position: fixed;
+                top: 10px;
+                right: 10px;
+                z-index: 1000;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Print Button (visible only on screen) -->
+    <div class="print-actions no-print" style="display: block;">
+        <button onclick="window.print()" class="btn btn-primary btn-sm">
+            <i class="bi bi-printer"></i> Print
+        </button>
+        <button onclick="window.close()" class="btn btn-secondary btn-sm">
+            Close
+        </button>
+    </div>
+
+    <!-- Company Header -->
+    <div class="print-header">
+        <h1>Car Clearance Management System</h1>
+        <p><strong>Clearance Report</strong></p>
+        <p>Generated on: <?= date('F j, Y \a\t g:i A') ?></p>
+    </div>
+
+    <!-- Filters Applied -->
+    <?php if ($dateFrom || $dateTo || $truckNumber): ?>
+    <div class="filters-applied">
+        <strong>Filters Applied:</strong>
+        <?php if ($dateFrom): ?> From: <?= htmlspecialchars($dateFrom) ?> <?php endif; ?>
+        <?php if ($dateTo): ?> To: <?= htmlspecialchars($dateTo) ?> <?php endif; ?>
+        <?php if ($truckNumber): ?> | Truck: <?= htmlspecialchars($truckNumber) ?> <?php endif; ?>
+    </div>
+    <?php endif; ?>
+
+    <!-- Summary -->
+    <div class="summary-cards">
+        <div class="summary-card">
+            <div class="value"><?= $totals['total_records'] ?? 0 ?></div>
+            <div class="label">Total Records</div>
+        </div>
+        <div class="summary-card">
+            <div class="value">$<?= number_format($totals['total_usd'] ?? 0, 2) ?></div>
+            <div class="label">Total USD</div>
+        </div>
+        <div class="summary-card">
+            <div class="value"><?= number_format($totals['total_ssp'] ?? 0, 2) ?> SSP</div>
+            <div class="label">Total SSP</div>
+        </div>
+    </div>
+
+    <!-- Report Table -->
+    <table>
+        <thead>
+            <tr>
+                <th>#</th>
+                <th>Date</th>
+                <th>Truck Number</th>
+                <th>Consignment</th>
+                <th>Items</th>
+                <th>Truck Type</th>
+                <th>Amount USD</th>
+                <th>Amount SSP</th>
+                <th>Cleared By</th>
+            </tr>
+        </thead>
+        <tbody>
+            <?php if (empty($records)): ?>
+            <tr>
+                <td colspan="9" style="text-align: center;">No records found.</td>
+            </tr>
+            <?php else: ?>
+            <?php foreach ($records as $i => $r): ?>
+            <tr>
+                <td><?= $i + 1 ?></td>
+                <td><?= htmlspecialchars($r['clearance_date']) ?></td>
+                <td><?= htmlspecialchars($r['truck_number']) ?></td>
+                <td><?= htmlspecialchars($r['consignment']) ?></td>
+                <td><?= htmlspecialchars($r['items']) ?></td>
+                <td><?= htmlspecialchars($r['truck_type']) ?></td>
+                <td><?= $r['amount_usd'] > 0 ? '$' . number_format($r['amount_usd'], 2) : '-' ?></td>
+                <td><?= $r['amount_ssp'] > 0 ? number_format($r['amount_ssp'], 2) : '-' ?></td>
+                <td><?= htmlspecialchars($r['cleared_by_username']) ?></td>
+            </tr>
+            <?php endforeach; ?>
+            <tr class="totals-row">
+                <td colspan="6" style="text-align: right;">TOTALS:</td>
+                <td>$<?= number_format($totals['total_usd'], 2) ?></td>
+                <td><?= number_format($totals['total_ssp'], 2) ?> SSP</td>
+                <td></td>
+            </tr>
+            <?php endif; ?>
+        </tbody>
+    </table>
+
+    <!-- Footer -->
+    <div class="print-footer">
+        <span>Car Clearance Management System</span>
+        <span>Date Printed: <?= date('Y-m-d H:i:s') ?></span>
+        <span>Total Records: <?= $totals['total_records'] ?? 0 ?></span>
+    </div>
+
+    <script>
+        // Auto-trigger print dialog
+        window.onload = function() {
+            // Small delay to ensure everything is rendered
+            setTimeout(function() {
+                // Don't auto-print; let user click the button
+            }, 500);
+        };
+    </script>
+</body>
+</html>
diff --git a/car-clearance-system/views/users/list.php b/car-clearance-system/views/users/list.php
new file mode 100644
index 0000000000..f54a799e5e
--- /dev/null
+++ b/car-clearance-system/views/users/list.php
@@ -0,0 +1,152 @@
+<?php include __DIR__ . '/../layouts/header.php'; ?>
+<?php include __DIR__ . '/../layouts/sidebar.php'; ?>
+
+<!-- Main Content -->
+<div class="main-content">
+    <button class="btn btn-dark d-md-none mb-3" id="sidebarToggle">
+        <i class="bi bi-list"></i>
+    </button>
+
+    <div class="page-header d-flex justify-content-between align-items-center">
+        <h2><i class="bi bi-people"></i> Manage Users</h2>
+        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addUserModal">
+            <i class="bi bi-person-plus"></i> Add User
+        </button>
+    </div>
+
+    <?php if (!empty($_SESSION['success'])): ?>
+        <div class="alert alert-success alert-dismissible fade show" role="alert">
+            <?= $_SESSION['success']; unset($_SESSION['success']); ?>
+            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+        </div>
+    <?php endif; ?>
+
+    <?php if (!empty($_SESSION['error'])): ?>
+        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+            <?= $_SESSION['error']; unset($_SESSION['error']); ?>
+            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+        </div>
+    <?php endif; ?>
+
+    <!-- Users Table -->
+    <div class="table-container">
+        <div class="table-responsive">
+            <table class="table table-hover">
+                <thead>
+                    <tr>
+                        <th>#</th>
+                        <th>Username</th>
+                        <th>Role</th>
+                        <th>Created At</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($users as $i => $u): ?>
+                    <tr>
+                        <td><?= $i + 1 ?></td>
+                        <td><strong><?= htmlspecialchars($u['username']) ?></strong></td>
+                        <td>
+                            <span class="badge bg-<?= $u['role'] === 'admin' ? 'danger' : 'info' ?>">
+                                <?= ucfirst($u['role']) ?>
+                            </span>
+                        </td>
+                        <td><?= $u['created_at'] ?></td>
+                        <td>
+                            <button class="btn btn-sm btn-outline-primary"
+                                    data-bs-toggle="modal"
+                                    data-bs-target="#editUserModal<?= $u['id'] ?>"
+                                    title="Edit">
+                                <i class="bi bi-pencil"></i>
+                            </button>
+                            <?php if ($u['id'] != $_SESSION['user_id']): ?>
+                            <a href="index.php?page=users&action=delete&id=<?= $u['id'] ?>"
+                               class="btn btn-sm btn-outline-danger btn-delete" title="Delete">
+                                <i class="bi bi-trash"></i>
+                            </a>
+                            <?php endif; ?>
+                        </td>
+                    </tr>
+
+                    <!-- Edit User Modal -->
+                    <div class="modal fade" id="editUserModal<?= $u['id'] ?>" tabindex="-1">
+                        <div class="modal-dialog">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title"><i class="bi bi-pencil"></i> Edit User</h5>
+                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                                </div>
+                                <form method="POST" action="index.php?page=users&action=update&id=<?= $u['id'] ?>">
+                                    <div class="modal-body">
+                                        <div class="mb-3">
+                                            <label class="form-label">Username</label>
+                                            <input type="text" class="form-control" name="username"
+                                                   value="<?= htmlspecialchars($u['username']) ?>" required minlength="3">
+                                        </div>
+                                        <div class="mb-3">
+                                            <label class="form-label">New Password <small class="text-muted">(leave blank to keep current)</small></label>
+                                            <input type="password" class="form-control" name="password" minlength="6">
+                                        </div>
+                                        <div class="mb-3">
+                                            <label class="form-label">Role</label>
+                                            <select class="form-select" name="role">
+                                                <option value="user" <?= $u['role'] === 'user' ? 'selected' : '' ?>>User</option>
+                                                <option value="admin" <?= $u['role'] === 'admin' ? 'selected' : '' ?>>Admin</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                                        <button type="submit" class="btn btn-primary">Update User</button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<!-- Add User Modal -->
+<div class="modal fade" id="addUserModal" tabindex="-1">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title"><i class="bi bi-person-plus"></i> Add New User</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="POST" action="index.php?page=users&action=store" class="needs-validation" novalidate>
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label class="form-label">Username <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="username" required minlength="3"
+                               placeholder="Enter username">
+                        <div class="invalid-feedback">Username must be at least 3 characters.</div>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label">Password <span class="text-danger">*</span></label>
+                        <input type="password" class="form-control" name="password" required minlength="6"
+                               placeholder="Enter password">
+                        <div class="invalid-feedback">Password must be at least 6 characters.</div>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label">Role</label>
+                        <select class="form-select" name="role">
+                            <option value="user">User</option>
+                            <option value="admin">Admin</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary">Create User</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<?php include __DIR__ . '/../layouts/footer.php'; ?>