docs: add professional README for payroll system

Added a comprehensive README file to document the Payroll Management System. This includes project overview, features like real-time search and mobile responsiveness, and technology stack (HTML/CSS/JS).

Author: MarcosSoftwareEngineering

README.md

@@ -0,0 +1,57 @@
+# 📑 Payroll Management System  
+
+![Project Status](https://img.shields.io/badge/STATUS-ACTIVE-brightgreen?style=for-the-badge) ![License](https://img.shields.io/badge/LICENSE-MIT-blue?style=for-the-badge)
+
+---
+
+## 📖 About the Project  
+
+The **Payroll Management System** is a specialized web tool developed to streamline the financial closing of construction projects. It replaces manual calculations with a dynamic interface for tracking workdays and monthly remunerations.
+
+Built specifically for the **civil construction sector**, the system focuses on:  
+
+1. **Closing payrolls** for specific months (e.g., January 2026).  
+2. **Managing diverse roles**, from bricklayers and carpenters to helpers.  
+3. **Automating salary calculations** based on days worked.  
+4. **Providing instant data access** through an advanced filtering engine.
+
+---
+
+## 🚀 Features  
+
+- 🔍 **Multi-field Search**: Filter the entire database by name, role, workdays, or salary.  
+- 📱 **Mobile-First Responsiveness**: Fully optimized layout for tablets and smartphones used on-site.  
+- ⚡ **Dynamic Rendering**: Real-time table updates using optimized JavaScript array manipulation.  
+- 💰 **Currency Formatting**: Automatic Brazilian Real (R$) formatting for financial precision.  
+- 🏗️ **Industry-specific UI**: Clean, high-contrast design with visual priority on relevant field data.  
+
+---
+
+## 🛠️ Technologies Used
+
+![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) ![Git](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge&logo=git&logoColor=white)
+
+---
+
+## 📱 How to Use  
+
+1  **Access the Live Version:** [Click here to view the Dashboard](https://marcossoftwareengineering.github.io/Payroll/)
+2. **Dynamic Search**: Start typing any detail in the search bar to see the table update instantly.  
+3. **Mobile Experience**: On small screens, rows transform into vertical cards for better readability.  
+
+---
+
+## 📂 Project Structure  
+
+1. **index.html** → Application skeleton with semantic tags.  
+2. **style.css** → Custom styling, media queries, and layout rules.  
+3. **index.js** → Core logic for data filtering and DOM manipulation.  
+4. **README.md** → Technical documentation.  
+
+---
+
+## 👷 Author  
+
+**Marcos Vinicius** Software Engineering Student & Civil Construction Intern  
+
+*Bridging the gap between Construction Management and Software Solutions.* [![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-vinicius-souza-silva-29025a294)