.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #696cff 0%, #8592ff 100%);
}
.login-box {
    background: #fff;
    border-radius: 12px;
    padding: 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 8px 32px rgba(0,0,0,.15);
}
.mobile-first .card { border-radius: 16px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.status-dot.in { background: #71dd37; }
.status-dot.out { background: #8592a3; }
.kiosk-screen {
    min-height: 100vh;
    background: #233446;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.kiosk-qr img { background: #fff; padding: 16px; border-radius: 12px; }
.live-pulse { animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.6} }
#geo-map { height: 400px; border-radius: 8px; }
.table-row-link { cursor: pointer; }
.table-row-link:hover { background-color: rgba(105, 108, 255, 0.06); }