PLMunTrack

QR Code-Based Visitor Monitoring and Attendance Management System

Welcome to PLMunTrack

Manage attendance, monitor visitors, and view attendance records.

Select a module to get started.

/* ===== Visitor Registration - Matching PLMunTrack Theme ===== */ #visitorForm[hidden] { display: none !important; } #visitorForm:not([hidden]) { display: block; width: 100%; max-width: 620px; margin: 30px auto; padding: 30px; background: #f9fbff; border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 10px 28px rgba(25, 48, 85, 0.08); text-align: left; animation: visitorSlideIn 0.3s ease; } #visitorForm h2 { color: var(--primary); font-size: 23px; margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--border); text-align: left; } #visitorRegistrationForm { display: grid; grid-template-columns: 1fr; gap: 9px; } #visitorRegistrationForm label { display: block; margin-top: 8px; color: #334766; font-size: 13px; font-weight: 650; } #visitorRegistrationForm input { width: 100%; min-width: 0; padding: 12px 13px; border: 1px solid #cbd6e5; border-radius: 9px; background: #ffffff; color: var(--text); font-family: inherit; font-size: 14px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } #visitorRegistrationForm input::placeholder { color: #94a3b8; } #visitorRegistrationForm input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(52, 120, 246, 0.12); } #visitorRegistrationForm button { width: 100%; margin-top: 18px; background: var(--primary); color: #ffffff; border-radius: 10px; padding: 14px 18px; } #visitorRegistrationForm button:hover { background: var(--primary-dark); box-shadow: 0 5px 12px rgba(23, 59, 122, 0.18); } @keyframes visitorSlideIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 600px) { #visitorForm:not([hidden]) { padding: 20px 15px; margin: 22px auto; } #visitorForm h2 { font-size: 21px; } }