body { font-family: 'Segoe UI', sans-serif; background: #f0f2f5; margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; }
    .card { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); width: 450px; text-align: center; margin-bottom: 20px; }
    h2, h1 { color: #b3282d; margin-bottom: 20px; }
    .btn { padding: 15px; width: 100%; border: none; border-radius: 8px; color: white; cursor: pointer; font-weight: bold; transition: 0.3s; margin-top: 10px; font-size: 16px; text-decoration: none; display: inline-block; }
    .btn-main { background: #b3282d; }
    .btn-reg { background: #6c757d; }
    
    /* Estilos Monitor */
    .status-list { list-style: none; padding: 0; text-align: left; }
    .status-item { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #eee; align-items: center; }
    .indicator { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 10px; }
    .presente { background-color: #28a745; box-shadow: 0 0 8px #28a745; }
    .ausente { background-color: #dc3545; }
    .badge { padding: 4px 8px; border-radius: 4px; font-size: 12px; color: white; font-weight: bold; }

    /* Botones deshabilitados */
    .btn-voto:disabled {
        background: #ccc !important;
        color: #666 !important;
        cursor: not-allowed;
        filter: grayscale(1);
        opacity: 0.6;
    }

    #cronometro {
        font-size: 40px;
        font-family: 'Courier New', Courier, monospace;
        font-weight: bold;
        color: #b3282d;
        background: #fdf2f2;
        padding: 10px 20px;
        border-radius: 8px;
        border: 2px solid #b3282d;
        display: inline-block;
        margin-bottom: 15px;
    }