.auth-card{max-width:520px}.nav-pills .nav-link{color:#475569;font-weight:800}.nav-pills .nav-link.active{background:linear-gradient(135deg,#2563eb,#7c3aed)}.app-content{padding-bottom:30px}.page-section{display:none}.page-section.active{display:block}.sidebar .company-code{font-size:11px;color:#bfdbfe}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.table td,.table th{white-space:nowrap}.metric{font-size:28px;font-weight:900}.qr-token{word-break:break-all;background:#eff6ff;border-radius:14px;padding:10px;font-size:12px}.admin-mobile-nav{display:none}.employee-app{max-width:560px;margin:auto;min-height:100vh;background:#f8fafc;box-shadow:0 0 60px rgba(15,23,42,.12);padding-bottom:76px}.employee-content{padding:16px}.employee-view{display:none}.employee-view.active{display:block}.employee-head{background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;padding:24px;border-radius:0 0 30px 30px}.status-box{border-radius:18px;padding:14px;background:#fff;border:1px solid #e2e8f0}.clickable{cursor:pointer}.modal-content{border:0;border-radius:24px}.modal-header{border:0}.modal-footer{border:0}.toast-box{position:fixed;right:16px;top:16px;z-index:5000;max-width:360px}.bottom-nav button{border:0;background:transparent;color:#64748b;font-size:11px;font-weight:750}.bottom-nav button i{display:block;font-size:20px;margin-bottom:3px}.bottom-nav button.active{color:#2563eb}@media(max-width:900px){.admin-mobile-nav{display:flex;overflow:auto;gap:7px;margin-bottom:14px}.admin-mobile-nav button{white-space:nowrap}.content{padding:14px}.topbar{margin-bottom:14px}}
.field-title{display:block;margin:6px 0 5px;color:#334155;font-size:13px;font-weight:800}