body{background:#f8f9fa;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}input,button{border:1px solid #ccc;border-radius:6px;padding:8px;font-size:16px}button{color:#fff;cursor:pointer;background-color:#ff671e;border:none}button:hover{background-color:#e55a1a}form div{margin-bottom:12px}h1,h2,h3{font-weight:700}.header{color:#fff;background:#ff671e;justify-content:space-between;align-items:center;padding:12px 24px;font-weight:700;display:flex}.header-logo-link{color:#fff;align-items:center;font-size:16px;text-decoration:none;display:flex}.header-nav-link{color:#fff;margin-left:16px;font-size:16px;text-decoration:none}.header-nav-link:hover{text-decoration:underline}@media (max-width:600px){.header{flex-direction:column;align-items:center;padding:12px}.header-logo-link{margin-bottom:12px;margin-left:0}.header-nav-link{margin:0 8px}}@media (max-width:480px){.header{padding:8px}.header-logo-link h1{font-size:20px!important}.header-nav-link{margin:0 6px;font-size:14px}}@media (max-width:768px){main{padding:12px!important}.hero-title{font-size:36px!important}.hero-subtitle{font-size:18px!important}.button-container{flex-direction:column!important;align-items:center!important;gap:12px!important}.hero-button{width:100%!important;max-width:300px!important}.features-grid{grid-template-columns:1fr!important;gap:16px!important}.section-title{font-size:28px!important}}@media (max-width:480px){.form-container{max-width:calc(100% - 40px)!important;margin:20px auto!important;padding:16px!important}input,button{font-size:16px!important}.hero-title{font-size:28px!important}.hero-subtitle,.about-text{font-size:16px!important}.dashboard-container{padding:12px!important}.stats-grid{grid-template-columns:1fr!important;gap:12px!important}}.dashboard-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:20px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dashboard-table th,.dashboard-table td{text-align:center;border:1px solid #ddd;padding:12px 8px}.dashboard-table th{color:#fff;background:#ff671e;font-weight:700}.dashboard-table tr.checked-in{background:#e6ffed}.dashboard-table tr.not-checked-in{background:#ffdede}.resend-button{color:#fff;cursor:pointer;background:#ff671e;border:none;border-radius:5px;padding:6px 10px;font-size:14px}.resend-button:hover{background:#e55a1a}.resend-button:disabled{cursor:not-allowed;background:#6c757d}.scanner-container{text-align:center;background:#fff;border-radius:12px;max-width:500px;margin:40px auto;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.scanner-title{color:#ff671e;margin-bottom:20px;font-size:28px}.scanner-info{color:#cc4e15;margin-top:12px;font-size:16px}.form-container{text-align:center;background:#fff;border-radius:12px;max-width:400px;margin:40px auto;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.form-title{color:#ff671e;margin-bottom:20px;font-size:28px}.form-label{text-align:left;margin-bottom:6px;font-weight:700;display:block}.form-input{border:1px solid #ccc;border-radius:6px;width:94%;margin-bottom:12px;padding:10px;font-size:16px}.form-button{color:#fff;cursor:pointer;background:#ff671e;border:none;border-radius:6px;padding:12px 24px;font-size:18px}.form-button:hover{background:#e55a1a}.form-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#dc3545;margin:10px 0;font-weight:700}.success-message{color:#198754;margin:10px 0;font-weight:700}.warning-message{color:#cc4e15;margin:5px 0;font-size:14px;font-weight:700}.info-message{color:#ff8a4d;margin:5px 0;font-size:14px;font-weight:700}.form-content{text-align:left}@media (max-width:768px){.dashboard-table{font-size:14px}.dashboard-table th,.dashboard-table td{padding:8px 4px}.resend-button{padding:4px 8px;font-size:12px}}@media (max-width:600px){.dashboard-table{font-size:12px}.dashboard-table th,.dashboard-table td{padding:6px 2px}.dashboard-table .hide-mobile{display:none}.scanner-container,.form-container{max-width:calc(100% - 40px);margin:20px auto;padding:16px}.scanner-title,.form-title{font-size:24px}}
