:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body,html,#root{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;background-color:#f0f4f8;font-family:Arial,sans-serif}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.login-card{background:#fff;padding:4vh;border-radius:25px;box-shadow:0 15px 35px #0000001a;text-align:center;width:90%;max-width:500px;z-index:10}.login-title{color:#1e293b;font-size:3.5vh;font-weight:900;margin-bottom:2vh}.token-instruction{color:#d90429!important;font-size:2.5vh;font-weight:800;margin-bottom:2vh}.input-token{width:100%;background-color:#fff!important;color:#000!important;font-size:6vh;text-align:center;padding:1vh;border:4px solid #cbd5e1;border-radius:15px;font-weight:900;letter-spacing:1vh}.btn-login{width:100%;background:#2563eb;color:#fff;font-size:3vh;font-weight:900;padding:2vh;border-radius:12px;border:none;cursor:pointer;margin-top:2vh;transition:background .2s}.btn-login:hover{background:#1d4ed8}.footer-credit{margin-top:30px;font-size:1.5vh;color:#94a3b8;font-weight:700;letter-spacing:1px;text-transform:uppercase}.app-wrapper{height:100vh;display:flex;flex-direction:column;padding:.5vh 1vw}.main-header{height:8vh;text-align:center;display:flex;flex-direction:column;justify-content:center}.main-header h1{font-size:2.8vh;margin:0;color:#1e293b;font-weight:900}.instruction-text{color:#1e293b;font-size:1.8vh;font-weight:800;margin:0}.grid-layout{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.5vh 1.5vw;height:88vh;padding-bottom:2vh}.card-mini{background:#fff;border-radius:15px;display:flex;flex-direction:column;border:1px solid #cbd5e1;overflow:visible;height:100%;transition:all .3s ease;position:relative;cursor:pointer}.card-mini.clickable:hover{transform:translateY(-5px);border:4px solid #2563eb!important;z-index:50;box-shadow:0 10px 20px #2563eb33}.photo-area{flex:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:0}.photo-area img{height:85%;width:85%;object-fit:contain}.number-tag{position:absolute;bottom:-1.5vh;left:50%;transform:translate(-50%);background:#d90429;color:#fff;width:5.5vh;height:5.5vh;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3vh;font-weight:900;border:3px solid white;z-index:10}.info-area{height:6vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.info-area h3{font-size:1.8vh;color:#1e293b;font-weight:900;margin:0}.btn-admin-floating{position:fixed;bottom:15px;right:15px;background:#64748b;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:1.4vh;font-weight:700;z-index:9999;cursor:pointer;box-shadow:0 4px 6px #0000001a}.btn-admin-floating:hover{background:#475569}.report-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:14px}.report-table th,.report-table td{padding:12px 10px;border-bottom:1px solid #e2e8f0;text-align:left}.report-table th{background:#f1f5f9;color:#475569;font-weight:700}.report-table tr:last-child td{border-bottom:none}